Responsive (even for Galaxy Fold) Order Summary page using CSS Flexbox

Community feedback

• 

  Danilo Blas•6,300

  @Sdann26Posted almost 3 years ago

  If you want to eliminate the accessibility problem, you must add a main tag that wraps your entire application. To do this, place this main tag around your div with class container. However you will have to add an h1 tag, so change the h2 tag to h1. This is all part of structuring your html correctly. By the way, don't forget to update your solution.

  Good luck in your next projects :D

  Marked as helpful

  0

  ---

  

  Caio de Alcantara Santos•250

  @caio-alcantaraPosted almost 3 years ago

  @Sdann26 Hey! Just made the changes you suggested. Thanks a lot :)

  1
• 

  Caio de Alcantara Santos•250

  @caio-alcantaraPosted almost 3 years ago

  How was I supposed to use the background image?

  0

  ---

  

  itzjter•120

  @itzjterPosted almost 3 years ago

  @caio-alcantara heyy! If you want you can try with this:

  In your container you can put these:

  .container {

  background-image: url(put the relative link of your background);

  background-color: hsl(225, 100%, 94%);

  background-size: 100% 50%; (or contain, is up to u).

  background-repeat: no-repeat;

  }

  Hope it was helpful ^^ Let me know if it works :)

  Marked as helpful

  1

  

  Caio de Alcantara Santos•250

  @caio-alcantaraPosted almost 3 years ago

  @itzjter Just changed the background, thanks for the tip :)

  1

  

  itzjter•120

  @itzjterPosted almost 3 years ago

  @caio-alcantara :)

  0