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

basic CSS, no flexbox or grid

Erlando 170

@TheRealByteraver

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

Community feedback

@FedeHerrera10

Posted

hi, the project has a horizontal scroll. You can solve it by changing html {width: 100%}. I hope to be helpful

Marked as helpful

1

Erlando 170

@TheRealByteraver

Posted

@FedeHerrera10 Top, thanks! I tried "width: 100vw;" but that didn't cut it ;) I must say that I find the evaluation of frontend mentor a bit weird, their "screenshot" does not at all look the way my solution looks in a normal browser window.

0

@FedeHerrera10

Posted

hi, you can use grid as follows { display: grid; grid-template-columns: repeat (3.33%); } Also apply a max-width: 900px; I hope to be of your help

Marked as helpful

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