Order Summary Card Mobile-first CSS Grid, Flexbox

Community feedback

• 

  Arlagonix•410

  @arlagonixPosted almost 2 years ago

  How did you remove scrolling? There are 2 options:

  • Set margin: 0 to body tag. I recommend this approach
  • Set overflow: hidden to body tag

  Also your background doesn't stretch to full width

  If you're publishing your code on Github, I recommend to use Github Pages to host there your working application. Thus you will keep both code and demonstration in one place

  Marked as helpful

  1

  ---

  

  Sayyid Widad Alawi•90

  @alawi17Posted almost 2 years ago

  @arlagonix Thanks for the feedback, that's really helpful. I did the first option and also set the background size to cover. About to use Github Pages, I will use in the future project 😊

  0
• 

  Mirna-Latif•80

  @Mirna-LatifPosted almost 2 years ago

  Try to set the height: 100vh; to the body tag to remove the scrolling. I hope this will be helpful. body { height: 100vh; }

  0

  ---

  

  Sayyid Widad Alawi•90

  @alawi17Posted almost 2 years ago

  @Mirna-Latif Thanks for the feedback, I use @arlagonix way for setting margin: 0 to body tag.

  0