All solutions

This is my solution for Huddle Landing Page challenge.

I used to use a Chrome extension called Pixel Perfect to make my solution match the design, but it take a long time and the file provided is not always to the specified width (as is the case in this challenge). What do people on free tier use to get their solutions close to the design?

Any advice on how to improve my HTML or CSS?

Thank you all!

This is my solution! Focused on making it as close to the design as possible, but the CSS file ended up being very long.

All suggestions and comments on how to improve the readability of the code (or anything else) are very welcomed!

This is my solution.

• made with Grid (first time working with it).
• used transform: translateY() to create that overlapping effect within each card.

Any advice, feedback and comments are highly welcomed!

Hey there! 👋

For this one I spent over 30hours and it's still far from what I would like it to be, but I have to move on. I would appreciate any advice on how I can:

• position the two cards on the page other than absolute, if any
• ensure responsiveness
  • the way i did it is with using vw for everything on the cards and it won't work for people who change their default font sizes.