Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

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

idriss kh 370

@drisskhattabi6


Design comparison


SolutionDesign

Community feedback

Nermen 270

@NermenElefky

Posted

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

@billal2022

Posted

.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

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord