Skip to content
Submitted over 4 years ago

Responsive landing page using CSS Flexbox

Lailton Batista•690
@lailton-b
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey, I really appreciate if you have any tips or can point out something I can improve on!

Community feedback

  • Matt Studdert•13,611
    @mattstuddertPosted over 4 years ago

    Awesome work, Lailton! I'd recommend removing the height: 100vh; on the body as it's causing content to cut off. You could then add margin-bottom to the main element to provide some space at the bottom of the page. Keep up the great work!

    0
  • Muhammad Fadzrin Madu•580
    @fadzrinmaduPosted over 4 years ago

    hello lailton-b, why the appearance for the top and bottom looks cut when you see the preview site directly, maybe you can trying fixing it. for others it's pretty good. nice works

    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