Skip to content
Submitted over 1 year ago

Can an Egg Drive a Car?

bonniemira•60
@bonniemira
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...3-column preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Still trying to figure out how to make the transitions less ugly, and get my stuff to stay inside its containers as the browser shrinks. This usually comes naturally to me - everything stays nicely inside my shell. All tips welcomed.

Community feedback

  • Mark•20
    @markstreichPosted over 1 year ago

    On desktop:

    If the browser is tall, the container is too big. height rule not needed at all on .container?

    At narrow viewports, the 3 column heights are different. Can do eg. align-items: stretch; on the container, and remove height:100% from .sedans, .SUVs, .luxury

    Marked as helpful
    0

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