Skip to content
Submitted about 2 years ago

Desktop view using CSS Grid and Flexbox

Austin•160
@Ausranking
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

I have a Grid-box file in my folder, I'll like to know which is better to use I find it difficult to make the mobile view, Any one who can help?

Community feedback

  • Yemisrach•1,430
    @Yemisrach15Posted about 2 years ago

    Hey Austin,

    • I'm seeing a completely jumbled up layout for screen sizes other than desktop. It's not responsive.
    • The content inside .page-info should imo be inside a header tag.
    • You should provide a fallback font family. Replace font-family: 'Poppins' with font-family: 'Poppins, sans-serif'. If the Poppins font-family is not available or not loaded, sans-serif which I think is available on every device will be used.

    I highly advice you to redo this and focus on making it responsive. Use MDN docs to get the gist of what responsive design is.

    0
    Austin•160
    @AusrankingPosted about 2 years ago

    @Yemisrach15 Thank you so much I appreciate this.

    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