Here is a landing page based on a challenge from frontend-mentor. Here it is live!
Styled whole page except topnav and the svg background elements.
Finished whole desktop design. Tomorrow Need to style mobile design
Was having issues with mobile nav. Realized you create the div and then toggle the display. My nav ran into issues with the positioning intro:after/ :before. But I realized that I just needed to change them from absolute.
Thanks for checking out this front-end coding challenge.
Frontend Mentor challenges allow you to improve your skills in a real-life workflow.
To do this challenge, you need a basic understanding of HTML and CSS.
Your challenge is to build out this landing page and get it looking as close to the design as possible.
You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.
Your users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page