Submitted over 1 year ago

Responsive landing page using grid - HTML and Vanilla CSS

j-hogben•290

@j-hogben

A solution to the Skilled e-learning landing page challenge

Preview Code

Solution retrospective

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

Tried to be as organised as possible using custom properties, making it easier if changes need to be made to variable values.

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

The grid section was the most challenging, no memorable stand-out issues though, more chipping away at it till it worked. I could have used flexbox for this, but wanted to practice using CSS grid.

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

Any advice on how to make the code more efficient or concise would be much appreciated.
Any CSS properties missed that would make the design cleaner or more concise.

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on j-hogben's solution.

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