Responsive preview product cart using CSS and Flex

Community feedback

• 

  Fabian Garcia•20

  @fabiangarciavPosted about 2 years ago

  Hi Busoalmi, than you for the advice, I eliminated varius <div>s and flex, implement properly in main { display: flex; flex-direction: column; Justify-content: center; Align-item: center; Min-height: 100vh; }, I hope the code looks better. Regards and thanks again!

  0
• 

  Busoalmi•250

  @oluwa-busssy-olamiPosted about 2 years ago

  Fabian, I noticed you didn’t center the container properly container { display: flex; flex-direction: column; Justify-content: center; Align-item: center; Min-height: 100vh; margin: 30px 15px; } Your image should not have a display of flex but a display: block; img by default are inline elements but when you give it a display of block you’ll have a maximum control of the styling. Also you use too much of display: flex; and flex-direction: column; which it only required in the container.

  I hope this help a bit.

  0