Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Desktop view using CSS Grid and Flexbox

Austin 160

@Ausranking

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

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

@Yemisrach15

Posted

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

@Ausranking

Posted

@Yemisrach15 Thank you so much I appreciate this.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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