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

P
gurpal-dev 240

@gurpal-dev


Design comparison


SolutionDesign

Solution retrospective


What are you most proud of, and what would you do differently next time?

I'm happy that I continued through this and finished it. Next time, I will try to make things as correct as possible.

What challenges did you encounter, and how did you overcome them?

My biggest challenge was the size of the img (the illustration mockup). For some reasons the img size was not changing. I put the , which is on the left side of the given design, and text content on the right side in one element and gave it display: flex; and gap: ; properties to match the design. And then I tried to resize the img but it was not happening. I tried to gave it width: 60%; since about 60% of the screen width is covered by the img on the design. But it didn't work.

Then I let it to be of normal size and decrease the size of the text container to match with the design. But still I cannot understand that why the img size was not increasing.

Community feedback

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