Responsive Layout for 3-column preview card with light/dark support
Design comparison
Solution retrospective
I used variables for each section, that I could call back to the three colors and the lighter versions for the svg vehicles. This allowed me to only have to have one CSS for the btn and just pull in the colors based on the section. This also allows for the colors to be changed from the root variables and adapt for the rest of the CSS. I also, added the color-scheme property since the body didn't have a background color, so those with dark themes will have a dark background and light themes the white background.
I don't think I would do anything differently with this challenge.
What challenges did you encounter, and how did you overcome them?No challenges in this one, after doing a few of these, the newbie challenges are getting easier.
What specific areas of your project would you like help with?Nothing in particular, but will always take suggestions and critiques.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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