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

E learning page. HTML and tailwind CSS [Project #2 submission-2]

Zou 190

@zouvier

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


Didn't get it perfect, but for the sake of learning I'll leave the "Fine Tuning" stuff for when i have a better grasps on everything. Overall I learned a lot compared to my previous project. If you have time please take a look , leave a comment on how i can improve. ty ty

What i learned from this project: what a CSS reset is and how awesome it is (https://www.joshwcomeau.com/css/custom-css-reset/) Using grid display and manipulating it making website responsive responsive images /w srcset How to better layout divs (much work still needed but still learned a lot)

overall i'm starting to understand everything more intuitively

[UPDATE -1] Came back to it and improved from my previous attempt

  1. switched to TailwindCSS
  2. site is now fully responsive
  3. understanding how to manipulate display: Absolute

Will work on getting site matching the design perfectly for the next update

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