The 2020 HTML & CSS Crash Course – From Mockup to Product

Visit http://linode.com/designcourse for a $20 credit on your new linode account.
— About a month ago, I live streamed a UI design in Adobe XD that I created from scratch for a personal site design. Many requested me to show others how to make it a working product in the browser, so here we are! We’re going to take the mockup/prototype that was created in Adobe XD, and we’re going to write mobile-first HTML and CSS to make it a fully responsive design.

This is a crash course into both HTML and CSS, therefore it’s fast paced! It would be a good idea to have at least a basic understanding of HTML and CSS, otherwise you will quickly become quite confused!

Codepen demo for this project:
https://codepen.io/designcourse/pen/b…

Here’s the UI design video:
https://www.youtube.com/watch?v=5tjr7…

Let’s get started!


Subscribe for NEW VIDEOS!

My site: https://coursetro.com
My personal FB account: http://fb.com/logodesigner
Coursetro FB: http://fb.com/coursetro
Coursetro’s Twitter: http://twitter.com/designcoursecom

Join my Discord! https://discord.gg/a27CKAF
^-Chat with me and others


Who is Gary Simon? Well, I’m a full stack developer with 2+ decades experience and I teach people how to design and code. I’ve created around 100+ courses for big brands like LinkedIn, Lynda.com, Pluralsight and Envato Network.

Now, I focus all of my time and energy on this channel and my website Coursetro.com.

Come to my discord server or add me on social media and say Hi!