Order summary card

Community feedback

• 

  Matheus Oliveira•160

  @matebeingPosted over 2 years ago

  Great job finishing this challenge , Bela!🎉🎉

  I have some tips for you

  • Write an alternative text for the image, this way you can provide accessibility to the ones who has disabilities.

  • Try to learn about CSS units and focus on relative units - so your components will look more fluid and responsive

  • Learn about flex box You can position your elements in a better way! So, instead of using position: relative and position: absolute

  Try removing transform, position top, left from your body, and main element and inside body insert:

  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 100vh;
  width: 100%;
  

  Some other elements may break, but you can fix them easily removing the position or the respective issue.

  You can check my solution visiting my profile, so you can see how I did and check if something could help you.

  Marked as helpful

  0