Coding a responsive webpage from start to finish

In this video I code up a site using HTML and CSS from start to finish based on the design I created in Adobe XD last week. You can check out the video where I designed it here: Redesigning a site with Adobe XD

/////// The Freelancing Bundle ///////
https://studywebdevelopment.com/freel...
Make sure you use coupon code KEV20 at checkout for 20% off

/////// Timestamps ///////
00:00 - intro
6:15 - Start the markup (sorry for the long intro, lol)
21:15 - Start CSS / Custom Property setup
26:50 - Typography
31:40 - Navigation
36:45 - Start mobile layout - hero section
40:30 - Intro section (mobile)
43:30 - About Us section (the two column part)
53:30 - Order online section
1:00:30 - Products Section
1:17:35 - Footer
1:29:47 - Media Query / Desktop version


#webdevelopment #html #css #responsive
---
Come and hangout, ask questions, suggest ideas, and meet some awesome people over in The Community: Discord: discord

I have a newsletter! https://www.kevinpowell.co/newsletter

New to Sass, or want to step up your game with it? I've got a course just for you: https://www.kevinpowell.co/learn-sass

---

My Code Editor: VS Code - https://code.visualstudio.com/

How my browser refreshes when I save: How to automatically refresh your bro...

---

Support me on Patreon: Patreon: kevinpowell

I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

Instagram: Instagram: kevinpowell.co
Twitter: Twitter: KevinJPowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevin-powell

• #education
• #kevin_powell
• #tutorial
• #html
• #css
• #html_and_css_from_start_to_finish
• #webpage_from_start_to_finish
• #website_from_start_to_finish
• #html_and_css
• #html_and_css_layout
• #how_to_code_a_website
• #how_to_code_a_webpage