How To Design A Responsive Website Using CSS Media Queries | Responsive Web Design
#css #mediaquery #html #javascript
Watch Part 4 Here: https://www.youtube.com/watch?v=UGsRT53hgqM&t=7s
In this crash course, I will show as much about HTML as I can. This is meant for absolute beginners. If you are interested in learning HTML but know nothing, then you are in the right place. We will be creating a cheat sheet with all of the common HTML5 tags, attributes, semantic markup, etc. We will not be focusing on CSS in this video. The CSS crash course will be released shortly after.
Brief Description
Your challenge is to build out this intro section with dropdown navigation 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 relevant dropdown menus on desktop and mobile when interacting with the navigation links
* View the optimal layout for the content depending on their device's screen size
* See hover states for all interactive elements on the page
Download the project and go through the README.md file. This will provide further details about the project and help you get set up.
Live Project Demo: https://loopstudiosdemo.netlify.app/
Source Code: https://github.com/casulemarc
Let's Connect
Personal Website: https://mlkasule.com/
Twitter: https://twitter.com/mKasuleCoder
Instagram: https://www.instagram.com/mkasulecoder/
GitHub Follow: https://github.com/mkasulecoder
Frontend Mentor Profile: https://www.frontendmentor.io/challen...
Resources You Will Need
Sign Up For GitHub: https://github.com/
Host Projects For Free: https://www.netlify.com/
Download VS CODE: https://code.visualstudio.com/
#Frontend #UiUx #SoftwareDevelpment #HTML #CSS #CrashCourse #responsive #webdesign #100daysofcode