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

Automotive Diversity: A Three-Part Look

alchrdev 170

@alchrdev

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


What are you most proud of, and what would you do differently next time?

In this challenge, I am proud to have explored different techniques for assigning height to elements. Next time, I would like to find a more accessible solution and avoid wandering among methods such as padding, flex with gap, or line-height.

What challenges did you encounter, and how did you overcome them?

I faced the challenge of deciding whether to use the main element as the parent container to apply styles or to use a div with the .container class. I am still looking for the best practice in this regard.

What specific areas of your project would you like help with?

I would like to improve in assigning height to elements and understand if it is correct to use main to apply styles. Additionally, I would like to know if I can use selector grouping without creating too much specificity.

Community feedback

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