Responsive Landing Page Tutorial - HTML/CSS
Web Dev Simplified
In this video we will be building the exact landing page that I am using for my Learn React Today course. We will be using the design that I created in my last video which is linked below. I will talk through every line of code that I use in order to create this page, so by the end of the video you will be able to create your own landing page. We will also be using the most modern best practices of web development, such as CSS Grid, Semantic HTML, and much more.
šØ IMPORTANT:
Design Video: https://youtu.be/C13ng8VzQAY Live Site: https://email.webdevsimplified.com/ Learn CSS Today Course: https://courses.webdevsimplified.com/learn-css-today?utm_medium=video-description-no-mention&utm_source=youtube&utm_campaign=css-landing-page
š Materials/References:
GitHub Code: https://github.com/WebDevSimplified/Responsive-Landing-Page-Email-Sign-Up
š§ Concepts Covered:
- How to use CSS Grid
- Making CSS Grid responsive
- The best way to determine responsive breakpoints
- How to create curved backgrounds
- Responsive development best practices
š Find Me Here:
Patreon: https://www.patreon.com/WebDevSimplified Twitter: https://twitter.com/DevSimplified Discord: https://discord.gg/7StTjnR GitHub: https://github.com/WebDevSimplified CodePen: https://codepen.io/WebDevSimplified
#WebDevelopment #WDS #JavaScript ... https://www.youtube.com/watch?v=K8BigvW7sZU
176393946 Bytes