HTML&CSS, Git&Gitflow, Flebox, and Positioning

Community feedback

• 

  P

  David Rodriguez B.•430

  @davidFreelance19Posted about 2 years ago

  Hello developer! Congratulations on completing this challenge. I have seen your code and bring you some tips and improvements on your code! (Only for desktop layout)

  body {
       display: flex;
       align-items: center;
       height: 100vh;
  }
  .container{
       width: 100%;
  }
  .starts{
       padding: 0;
       display: flex;
       flex-direction: column;
       width: 100%;
  }
  .starts-units{
       display: flex;
       align-items: center;
       justify-content: space-around;
       align-items: center;
       margin-left:0
  }
  .extension-1{
       align-self: center;
  }
  .extension-2{
      align-self: end;
  }
  

  I recommend you study the display flex themes a little more, we can't always use margin or padding to be able to replicate a design. Also this will help you to have a cleaner and easier to maintain code. I hope my suggestions help you, take care!

  David Rodriguez

  Marked as helpful

  0
• 

  Have-Samuel•370

  @Have-SamuelPosted about 2 years ago

  Thank you, David, That was helpful I will be looking forward to more ideas like that.

  Cheers Have

  0