Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted over 1 year ago

Automotive Diversity: A Three-Part Look

alchrdev•170
@alchrdev
A solution to the 3-column preview card component challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

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.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on alchrdev's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License