News-Homepage built with HTML, CSS and JavaScript😃🔥
Design comparison
Solution retrospective
Hello Frontend Mentor community👋🏾. I've completed yet another Frontend Mentor challenge. This challenge was a good practise for CSS Grid, it was a bit tricky and challenging but Wes Bos' CSS grid tutorial came in handy. I built this project using:
- 🚀Semantic HTML
- 🚀CSS grid
- 🚀Flexbox
- 🚀CSS Variables
- 🚀and JavaScript
In this challenge, learnt:
How to create and display a hamburger menu for smaller screens using a combination of CSS and JavaScript.
I also learnt and practised using the grid-template-columns:
property as well as the grid-column:
and the grid-row
properties.
For the design and styling for smaller screen sizes, I've included a @media
query to adjust the styles.
Feel free to leave me feedback. Happy coding :)
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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