Product landing page1

Hello friends. I am really have to get some advices from my this project. I know my code is not so good and I still want to improve it . if you want to give me some feedback I am really appreciate. have a nice day. :+1: :smiley:

Maybe center these

thank you, I don’t know how to do now ,I need to think about it .

To center those divs:

Add to center the text and elements within the .container boxes:

.container {
  display: flex;
  align-items: center;
  justify-content: center;

}

Add to #main to center the boxes on the web page :

#main {
margin-left:auto;
margin-right:auto;

}
#main {
  width: 95%;
  max-width: 1000px;
  margin: 120px ;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  grid-gap: 30px;
  margin-left:auto;
  margin-right:auto;
  
}


.container {
  padding: 20px 20px;
  border: 5px solid #e1e1e1;
  border-radius: 0.25em;
  display: inline-block;
  flex-direction: column;
  display: flex;
  align-items: center;
  justify-content: center;
  
}
1 Like

Thank you for your helping . :heart: I will try it . have a nice night.

1 Like