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

Skilled e-learning landing page (Tailwind CSS)

#accessibility#lighthouse#pwa#tailwind-css#semantic-ui
Desktop design screenshot for the Skilled e-learning landing page coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi there ๐Ÿ‘‹, Iโ€™m Melvin, and this is my solution for this challenge. ๐Ÿš€

๐ŸŽ Features:

  • Achieved 100% in Lighthouse score for performance, accessibility, best practices, and SEO. ๐Ÿ“Š
  • Progressive Web App (PWA) support. ๐Ÿ“ฑ๐ŸŒ
  • Utilized TailwindCSS for responsive styling. ๐ŸŽจ
  • Codebase is well-maintained and formatted using Prettier. ๐Ÿ’ป
  • Resemblance with the original design. ๐ŸŽจ

๐Ÿ› ๏ธ Built With:

  • TailwindCSS. ๐ŸŽจ
  • npm - Prettier. ๐Ÿ’ป

Any suggestions on how I can enhance this solution or achieve even better performance are welcome!

Thank you. ๐Ÿ˜ŠโœŒ๏ธ

Community feedback

Mostafa Mohiโ€ข 130

@mo-oe

Posted

That's a professional work, can I just ask you how much time did you spend on this?

14

@MelvinAguilar

Posted

@mo-oe Thank you for the compliment! ๐Ÿ™ I didn't keep track of the exact time, but I dedicated a couple of hours to ensure accuracy ๐Ÿ˜…. Not having the Figma designs made it a bit challenging

Happy coding!

3
Muhammad sadiqโ€ข 240

@moha-tangx

Posted

how do u manage to get the dimensions so close to that of the design @MelvinAguilar

2
I'mVeryZylaโ€ข 460

@RaulTindogan

Posted

Good Day sir! I was wondering about your projects, those are great. I just want to ask on how you make it, same size like the design. Can you also give some ways or tips on how you do it? Thank you!

0
CodzSchachโ€ข 150

@Joker4mas

Posted

waw, great job mate ๐Ÿ‘

0
P
DrAKIsoโ€ข 50

@drakiso

Posted

Gosh !!!! You're a real master dude !!

How many months or years to become that good ??

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