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

Typemaster prelunch landing page

Arturo Veintimillaโ€ข 130

@aavv8931

Desktop design screenshot for the Typemaster pre-launch landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi ๐Ÿ˜, I don't know why in the design comparison looks weird; or maybe I am not applying the media queries correctly, but anyway. I really enjoy this challenge.

If you have any suggestion about this (media queries). let me know. I look forward to learn more.

Community feedback

T
ApplePieGiraffeโ€ข 30,545

@ApplePieGiraffe

Posted

Hey there, Arturo Veintimilla! ๐Ÿ‘‹

Good effort on this challenge! ๐Ÿ‘ It's good to know you enjoyed it! ๐Ÿ˜€

It looks like you positioned nearly everything in this challenge with absolute positioningโ€”which isn't such a great idea. Absolute positioning is best used for cases where you need to position something outside of its container or in a tricky spot (not so much for regular layouts like one would find on this page, for instance).

I suggest looking into learning and using layout tools like flexbox or CSS grid. Doing so will make things much easier for you when positioning elements, increase the reusability of your styles, and decrease the amount of CSS you have to write. ๐Ÿ˜‰

It also make making your site responsive a whole lot easier, as well.

Hope that helps. ๐Ÿ™‚

Keep coding (and happy coding, too)! ๐Ÿ˜

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