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

Responsive 3-Column Preview Card

nafriah 10

@nafriah

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


This is one of my very first projects on Frontend. I'll like recommendations on what I could do better.

Also, the favicon is not showing. Any ideas on how to fix it is welcome.

Thank you, yes you, for responding.

Community feedback

@jorgeflagel

Posted

Hi Nafriah, check the page between 380 and 680 px width, it is not showing well. Also, check the height of the card on mobile screens, it is too height (95vh for each card), and the width on tablet screens is too small (maybe a similar layout as the mobile screen would show better).

I recommend you to play with the width of the browser and see how it looks, or with the developer tool where you can select in which kind of screen you want to see the page.

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