Responsive Four card feature section

Community feedback

• 

  jdrodriguez2707•40

  @jdrodriguez2707Posted 3 months ago

  Hi Fatahi, I hope you're doing great! Your project looks great overall. It's just a small detail and my personal opinion, but you might consider adding it. It's about the vertical scrolling that appears on some screens (like mine) and seems unnecessary. I had this issue too, and here's how you can fix it. You just have to replace the margin property for padding in the main section, like this:

  main {
    /* margin: 50px auto;  Remove this one*/
    padding: 50px /* Add this one */
  }
  

  Finally, you could also add the gap property to ensure some space between the cards when the screen is getting smaller:

  .container {
    gap: 20px;
  }
  
  

  Keep improving!

  0