Skip to content
Submitted almost 2 years ago

css flexbox home made javascript :)

Yann•190
@neuyann
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

It's still difficult to me even after almost 20 projects to understand how to center the main div correctly. Plus it's really hard for me to know how to make a div (hidden/visible) position sticky even more when the div is centered... I still dont get it...

Any advices would be really welcomed.

Thank you.

Community feedback

  • Ambe Mbong-Nwi Nchang•550
    @Ambe-Mbong-NwiPosted almost 2 years ago

    To remove the landmark error and improve navigation, replace your last div element with a footer.

    <footer class="attribution">
    Challenge by <a href="https://www.frontendmentor.io?ref=challenge" target="_blank">Frontend Mentor</a>. 
    Coded by <a href="#">Neuyann</a>.
  </footer>

    Secondly, to ensure your page is always centralized, include the following:

    body{
  margin: 0 auto;
}
    Marked as helpful
    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