Responsive page using simple CSS Properties

Community feedback

• 

  TripleA•270

  @TRIPLE-ADEPosted over 2 years ago

  Nice work For you to make you content to appear at the middle of your page Body{ Display: flex; Flex-direction:column; Justify-content:center; Align-items:center; Min-height:100vh; } Or Display:grid; Place-items: center;

  Marked as helpful

  0

  ---

  

  San Tran•10

  @sqtran01Posted over 2 years ago

  @TRIPLE-ADE Thank you!

  0
• 

  heba•320

  @hebam17Posted over 2 years ago

  For you to center the container and solve your accessibility issues wrap your HTML code "the container" with a <main> tag and add this CSS code main{ width:100vw; //taking full screen width height:100vh; //taking full screen height overflow-y:auto; display: flex; //display the main element as flex you can search for flexbox it's the most used method to center align elements justify-content:center; align-items:center }

  and for it to shrink you can use something called a media query hope that helps

  Marked as helpful

  0

  ---

  

  San Tran•10

  @sqtran01Posted over 2 years ago

  @hebam17 Thank you very much for your feedback! I'll try it out.

  0