responsive media query, pagging, maging

Community feedback

• 

  woldutsegazgi•30

  @woldutsegazgiPosted 2 days ago

  You can use Flexbox to center elements perfectly on all devices. Avoid using padding for centering.

  Here’s how you can do it:

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

  Additionally, there’s no need to add min-width to the body; instead, add max-width: 320px to the container div. You can also use the Figma design file to improve your font sizes and rounded corners.

  Overall, great effort!

  Resources:
  You can practice Flexbox with this site: https://flexboxfroggy.com/

  0