Huddle Landing Page with feature blocks (Flexbox + Mobile-first)

Community feedback

• 

  Nermen•270

  @NermenElefkyPosted almost 2 years ago

  Hi there👋, Good job on completing the challenge.

  I have some changes which may help you:

  • You can change the color of the logo from the svg file, you can change the value of fill attribute.

  • In the header part, I think if you give the image and div(class = "description") width less than 50% in order to make some space between them and make the div.content (justify-content: space-between) will be nicer.

  I hope you find them useful

  Marked as helpful

  1
• 

  billal•510

  @billal2022Posted almost 2 years ago

  .features .special1 { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; bottom: -50px; left: 0; z-index: 2; } i am just new to coding idk if u know this i am sure you but instead using all this u can simply put this section or box inside the tio section and just write transform translateY or translate its the same as position absolute but without a related parent and for the icons its better if you dont get used to margins its Cuzes problems later on .

  Marked as helpful

  1