Design comparison
SolutionDesign
Solution retrospective
While setting the grid template columns, I firstly used repeat(3,1fr). However, doing so centered the car related content. Setting grid template columns to repeat(3,350px) automatically aligned content left, creating more space on the right of the car content.
Still curious what the cause is.
Border-radius has to be set to zero, ignoring to do so means media query automatically inherits existing border radius.
Community feedback
Please log in to post a comment
Log in with GitHub
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