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

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

Lucas 👾 104,580

@correlucas

Desktop design screenshot for the Suite landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@debriks

Posted

Another amazing solution!! Congrats ✨

Marked as helpful

2

@Pranshu-Sahu

Posted

** 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,580

@correlucas

Posted

@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-prog

Posted

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

1
Muqtadeer 340

@hashmi7917

Posted

nice work it gives me lot of inspiration

1

Lucas 👾 104,580

@correlucas

Posted

@hashmi7917 Thank you Hashmi!

0
spacemanOG 120

@SpacemanOG

Posted

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,580

@correlucas

Posted

@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

@DQuina

Posted

Magnific :) Congrats

1

Lucas 👾 104,580

@correlucas

Posted

@DQuina Thank you Diogo

0

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