Learning CSS Building Set of Colored Markers Step 78

HTML-CSS
1

Learning CSS Colors by Building a Set of Colored Markers Step 78 am not sure what mistake I am making please assist community

2

Hi there and welcome to the forum!

If you have a question about a specific challenge as it relates to your written code for that challenge and need some help, click the Help button located on the challenge. This button only appears if you have tried to submit an answer at least three times.

image
image622×306 7.96 KB

The Help button will create a new topic with all code you have written and include a link to the challenge also. You will still be able to ask any questions in the post before submitting it to the forum.

Thank you.

1 Like
3

okay thank you Ray let me try doing that.

1 Like
4

Step 78 has the following instructions:

It looks like your sleeve disappeared, but don’t worry – it’s still there. What happened is that your new cap div is taking up the entire width of the marker, and is pushing the sleeve down to the next line.

This is because the default display property for div elements is block. So when two block elements are next to each other, they stack like actual blocks. For example, your marker elements are all stacked on top of each other.

To position two div elements on the same line, set their display properties to inline-block.

Create a new rule to target both the cap and sleeve classes, and set display to inline-block.

Let’s run through the instructions step by step.

First, create a new rule targeting the cap and sleeve classes.
Remember, to select a class, we use a dot . and the name class (.classname). Let’s do that.

– removed –

There we go! We have the rule.

Now, we have to set the display to inline-block.

-- removed --

And with that, the exercise is done! Hope it helped!

5

Hi there and welcome to the forum!

It is great that you solved the challenge, but instead of posting your full working solution, it is best to stay focused on answering the original poster’s question(s) and help guide them with hints and suggestions to solve their own issues with the challenge. How to Help Someone with Their Code Using the Socratic Method

We are trying to cut back on the number of spoiler solutions found on the forum and instead focus on helping other campers with their questions and definitely not posting full working solutions.

Thanks.