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 Responsive with HTML/CSS !

@luqmanx1998

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


What are you most proud of, and what would you do differently next time?

A new week a new challenge!

Yet another small, but beautiful landing page that was really fun to build out ! This was a good workout for my HTML/CSS skills, and I can feel myself getting much better and comfortable with each practice. This one was took me much faster to code up as there were many reusable components in this layout such as the cards and the buttons. If I had to do something different next time, it's to rest instead of code when I'm actually ill haha

What challenges did you encounter, and how did you overcome them?

The toughest part of this challenge actually was trying to get linear-gradients to transition. I learned today that it's not actually supported, though there is a workaround that I tried exploring ! Though I didn't quite get it to work, I'll look more into it soon. Nonetheless, I still managed to finish the landing page much faster than usual, so I think that's a great sign.

What specific areas of your project would you like help with?

All feedback are welcome and deeply appreciated!

Community feedback

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