Skip to content

Task 1 Solution to be updated to match the desired output #42654

@omshanti8

Description

@omshanti8

MDN URL

https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/CSS_layout/Test_your_skills/Floats

What specific section or headline is this issue about?

Task 1

What information was incorrect, unhelpful, or incomplete?

In Task 1 of the 'Test your skills: Floats' page, below is the expected result from the task:

Expected Result:

Image

Present Solution on the webpage:

In the existing solution, there is a mention of only applying float properties to float 1 and float 2 classes

Image

Issue: A 'margin-right' of around 150px is missing on float 2 class, which could give the exact same result.

What did you expect to see?

A more appropriate solution could be to encourage the user to apply a 'margin-right: 150px' to get the exact same result in the MDN playground (iframe setup)

Image

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

Metadata

Metadata

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions