Need Help Grid Solution

Community feedback

• 

  Abdul Khaliq 🚀•72,560

  @0xabdulkhaliqPosted almost 2 years ago

  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..✨

  1
• 

  Hassia Issah•50,650

  @HassiaiPosted almost 2 years ago

  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

  0