I used HTML and CSS (grid and flex)

hey man,its a great so great i was just checking your work and found when you hover on learn more the height of the element increases and i fixed it just add border:3px solid transparent; on all the button element

Hi Marko,

Really great effort and responsive. With a few tweaks it'll be perfect.

A few considerations from me:

• your border style border: white solid 3px; is being added to your button on hover, try adding it to the non-hovered state too and the jumping should stop

you could try this do get the button to stay at the bottom:

• wrap a div around your <img> <h1> and <p> (you should only have 1 <h1> on the page too for accessibility reasons)
• add display: flex; flex-direction: column; justify-content: space-between; to column-sedan/suv/luxury or ideally create a new class. The space-between value will push the button down and keep it there
• you might need align-self: start; on the button

Your buttons are breaking because of the display property. You can set that to block / inline-block to stop that.

Also when adding border only to hover states, it makes the elements bigger after hovering and can cause some shifting.

learn more from breaking? I didn't shaw that on the preview.