Submitted about 2 months ago

Responsive landing

Diego Alves• 190

@DiegoAlvees

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Article preview component

HTML
CSS
JS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

What specific areas of your project would you like help with?

I had a lot of difficulty in some parts of the CSS, and in the balloon that opens when you click on the button, I couldn't place that "arrow" indicating the button. I believe my html was also quite messed up

Community feedback

LucasNgTg• 190

@LucasNgTg

Posted about 2 months ago

Hello, there!

Well done on completing this challenge! The share area is not showing for me, I believe it is because of the way the class in HTML was declared. In order to declare multiple classes, you don't have to write the name of the attribute twice. For example, instead of class="shareArea" class="ballon", you should write class="shareArea ballon".

Regarding the "arrow" bit, take a look at CSS pseudo-elements, specifically ::before and ::after (The links to the articles are in the text). There's a lot of cool stuff you can do with those.

Hope it helps. Have a nice day!

Marked as helpful

Diego Alves• 190

@DiegoAlvees

Posted about 2 months ago

Hello Lucas, it was of great help, I will take a look at our articles, thank you very much

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord