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

3-column-preview-card-component

@trottiemcqueen

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


All feedback is welcome. I am seeking to grow stronger and get better. I fixed as many errors as I could. Still growing. Not sure why <p> is not showing right or car pics at top isn't showing. All strictly VS Code using HTML/CSS nothing else.

Community feedback

Tomazi 300

@tomazi15

Posted

Hi

All i can say is keep going and dont stop :)

Your are missing few key things here:

Mobile view Icons (check your path) Buttons The columns are overlapping when changing your screen size i think this is because you have declared grid-template-columns in % try something like pixels or rem which are fixed widths.

Also try finding out how you can use custom google fonts for future challenges

Marked as helpful

0

@trottiemcqueen

Posted

@tomazi15 Thank you, much appreciated. I learned something new. Thanks

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