Skip to content
Submitted 4 months ago

Responsive landing

Diego Alves•190
@DiegoAlvees
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Article preview component
  • HTML
  • CSS
  • JS
1newbie

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•210
    @LucasNgTgPosted 4 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
    0
    Diego Alves•190
    @DiegoAlveesPosted 4 months ago

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

    0

Please log in to post a comment

Log in with GitHub

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