Skip to content
Submitted about 2 years ago

Suite Landing Page VANILLA CSS (Custom Design + CSS Animations)

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

Design comparison

SolutionDesign

Solution retrospective

👾 Hello, Frontend Mentor coding community. This is my solution for the Suite Landing Page

I struggled a lot positioning the hero image and the heading decoration on this challenge, was really challenging place both elements between the mobile and tablet sizes. There's a lot of aspects to improve in my CSS writing, but I am happy with the result in this challenge.

🎨 I added some custom features:

  • 👨‍🔬 Custom UI Design + Logo.
  • 🧚‍♀️ CSS Animations

🍚Follow me in my journey to finish all HTML/CSS only challenges (Only 2 missing)! Gotta Catch ’Em All

Ill be happy to hear any feedback and advice!

Community feedback

  • Deborah Robbiano•600
    @debriksPosted about 2 years ago

    Another amazing solution!! Congrats ✨

    Marked as helpful
    2
  • Pranshu Sahu•770
    @Pranshu-SahuPosted about 2 years ago

    ** Hello, @correlucas, congratulation for completing the challenge. **

    Everything seems perfect ✨ and the solution is fully responsive. Its amazing to see your progress here.

    I have suggestion for you to remove your accessibility error:- In section.hero section you have used already <h1> for main heading, consider replacing <h3> , which you are using to display stats , by <h2>

    Since headings must be in a logical order.

    Hope this helps. 🎉

    Keep moving ahead. 🥇

    🏆 Best wishes with you , may you complete all HTML & CSS challenges

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

    @Pranshu-Sahu Hello Pranshu, you've reason. I was trying to figure out with I was having this error and now I fixed it with your help. Thank you! =)

    1
  • MX•290
    @xingxing-progPosted about 2 years ago

    Your solution looks perfect and it's really very responsive. Great.

    1
  • Muqtadeer•340
    @hashmi7917Posted about 2 years ago

    nice work it gives me lot of inspiration

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

    @hashmi7917 Thank you Hashmi!

    0
  • spacemanOG•120
    @SpacemanOGPosted about 2 years ago

    Your work is really amazing and I found inspiration from it! I recently started working on these challenges and I look forward to learning from you. Kudos!

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

    @SpacemanOG Hey Spaceman! Keep it up, I started in april and I can say you that doing the maximum challenges you can, will do the difference! I've learned a lots only by doing these challenges and trying to find out how to build it.

    1
  • Diogo Quina•30
    @DQuinaPosted about 2 years ago

    Magnific :) Congrats

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

    @DQuina Thank you Diogo

    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