All comments

• 

  Nard42•40

  @Nard42Submitted about 1 month ago

  

  css and html

  1

  20
  

  woldutsegazgi•30

  @woldutsegazgiPosted 18 days ago

  Looks great, but the responsiveness of your solution looks a bit off on small screens. Try using the appropriate measurement units. Check out responsive layouts by Kevin Powell if you'd like to learn more about responsive design.

  0
• 

  ankitashokgond•30

  @ankitashokgondSubmitted 19 days ago

  

  Blog Preview Card Solution

  1

  30
  

  woldutsegazgi•30

  @woldutsegazgiPosted 19 days ago

  Great use of CSS variables and Flexbox for layout! Nice job overall!

  0
• 

  ange14032005•40

  @ange14032005Submitted 19 days ago

  

  responsive media query, pagging, maging

  1

  20
  

  woldutsegazgi•30

  @woldutsegazgiPosted 19 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