Need Help Grid Solution

Hi there 👋:

• The button element wants to placed bottom of its container
• Borders lacks radius which affects main component's look

RESOLVING THE ERROR

• You've applied border-radius for main component, but you forget to hide the overflow of content
• Try these following snippet,

main {
     overflow: hidden;
}

• Now, we discuss about button
• Just add margin-top: 25px; style to button element to resolve it

MESSAGE:

• If my answer helps you then providing an upvote will be very helpfull and don't forget to mark this comment as helpfull
• I hope you learned a lot of stuffs during this project, Congrats Dennis

GREETINGS:

• Happy coding..🙌
• Peace be upon you with god's mercy & blessings..✨

Give the main a fixed width value instead of a percentage width: e.g main{width:900px;}

There is no need to give the main a height value the padding value in .car will sufficient for it and more responsive. Reduce the padding value of .car, for the rounded borders use border-radius , give the buttons a margin-top value to lower them.

Use rem or em as unit for the padding, margin, width and preferably rem for the font-size for more on this watch this https://youtu.be/N5wpD9Ov_To

Hope am helpful HAPPY CODING