responsive design with html and cssflexbox

Community feedback

• 

  Daniel 🛸•44,310

  @danielmrz-devPosted 7 months ago

  Hello there!

  Congrats on completing the challenge! ✅

  Your project is looking fantastic!

  I'd like to suggest a way to make it even better:

  • Using margin isn't always the most effective method for centering an element.

  Here's a highly efficient approach to position an element at the center of the page both vertically and horizontally:

  📌 Apply this CSS to the body (avoid using position or margins in order to work correctly):

  body {
      min-height: 100vh;
      display: flex; 
      justify-content: center;
      align-items: center;
  }
  

  I hope you find this helpful!

  Keep up the excellent work!

  0
• 

  Sivaprasath•2,520

  @sivaprasath2004Posted 7 months ago

  Hello i`m wishing for your completion in this project.

  • I will be see in your code
  • HTML to include a challenge and the author's name. Here's how you could do it:

  <footer>
    <p>Challenge by [Your Name]</p>
    <p>Author: [Author's Name]</p>
  </footer>
  

  • Feel free to replace [Your Name] and [Author's Name] with the appropriate names.
  • In CSS You will use

  .container{
      margin: 20px auto;
  }
  

  • I will recomand for Using rem or em values for padding and margin provides a scalable and flexible approach, especially when considering accessibility and responsive design.
  • change to

  .container{
      margin: 2rem auto;
  }
  

  0