Skip to content
Submitted about 2 years ago

Typemaster Pre-Launch Landing Page - Vanilla CSS

Lucas 👾•104,340
@correlucas
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Typemaster pre-launch landing page
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

👾 Hello, Frontend Mentor community. This is my solution for the Typemaster Pre-Launch Landing Page

I finally finished all HTML/CSS only challenges (25/25). Now I feel ready to start to study Javascript and CSS frameworks. I had a really great time learning a lots about Vanilla CSS and html structure, flex and grid layouts.

A great challenge to sharp the Grid Layout skills and also work the layout around devices. The two aspects I spent more time was the hero section grid and the decorative pseudo-elements out of the container. Indeed to finish the pseudo-elements I had to ask help to my friend @AdrianoEscarabote that give me a lesson about the overflow property and parent/child elements.

If you can add something or give me some tip. I'll be happy to hear any feedback and advice!

Community feedback

  • Adriano•38,290
    @AdrianoEscarabotePosted about 2 years ago

    Congratulations Lucas for completing your personal challenge! It's really amazing how much you dedicate yourself to achieving your personal goals! It's really inspiring to have you as a friend!

    Everything is very good, the responsiveness of the project is incredible, and the details you added were very creative I think it went very well with the design of this page!

    Marked as helpful
    5
  • MX•290
    @xingxing-progPosted about 2 years ago

    Congratulations. It's not a simple challenge. All your project is so responsive and the layout is great.

    1
    Lucas 👾•104,340
    @correlucasPosted about 2 years ago

    @xingxing-prog Thank you MX! I appreciate that!

    1
  • Diogo•100
    @diogo-kappaunPosted almost 2 years ago

    Cara, isso tá muito bom, gostei da estruturação do seu código, levarei como base para minha vida

    0

Please log in to post a comment

Log in with GitHub

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