Flex

Community feedback

• 

  Abdul Hasib•50

  @abdulhasibnPosted over 2 years ago

  hello. Congrats on completing your second challenge. I would like to give some suggestions for your project. Try to create a separate file for CSS and link your file in your HTML file, instead adding a giant script tag and also adding some inline CSS. As you can see, your component is not centred. To achieve that you can use

  display: flex;
  justify-content : centre;
  align-items: centre;
  

  Also change the flex-direction: column of the main element .

  Marked as helpful

  0
• 

  Illyaas•700

  @Illyaas4ShowPosted over 2 years ago

  Welcome to the community @Lolex3366

  Just need to fix a few things:

  • You should use the colour given in the starter file for the background so it looks more like the design.
  • You should also reduce the padding and add text-align: center; to the card element.

  Hope this helps and Happy coding!

  Marked as helpful

  0
• 

  imad•3,330

  @imadvvPosted over 2 years ago

  Greeting Lukas!! Congratulations on completing Your challenge!, 👏👏👏 well done.

  You're almost done, just to fix that alignment add following code to the body,

  body {
       min-height: 100vh;
       flex-direction: column;
       align-items: center;
       gap: 1rem;
  }
  

  and that well center the card on the middle of the page,

  but over all, Happy Codding, and Have a Good Day/Night

  Marked as helpful

  0