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

Frontend Mentor - 3-column preview card component solution

@margsoftbf

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Maybe someone can tell me what I could do better with my code, it is important for me to go in the right direction when i try do next challenges

Community feedback

Priya Garg 200

@Priya366

Posted

Hi Marcin . I hope you are doing well.

You know, when I opened your site it shows me mobile version (which was not even scrollable) layout instead of desktop layout.

You can use min-height: 100vh in CSS <body> instead of height: 100vh . By doing this , the mobile-layout will be scrollable.

For media queries, You can also add a breakpoint at min-width: 800px , it will look more representable.

I hope this feedback will be helpful for you .

1

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