In today’s episode, we continue on with our project by Using some responsive web development techniques to make our site look great on all device sizes. We will cover topics today such as:

– Fluid grids
– Fluid units of measurement
– Media queries
– Building responsive from the start

Remember to Subscribe


1. Fork the repo on Github…
2. Clone of the repo locally using the Github Desktop App
3. Start a new branch that focuses on a specific improvement/feature
4. Make some changes in code that you think would improve the project
5. Make a pull request as shown in the video
6. Smile when you realize it’s not as scary as you thought it would be


1. Intro –
2. Discovery –
3. Wireframe & Moodboard –
4. Visual Design Part 1 –
5. Visual Design Part 2 –
6. Setting up the Dev environment –
7. Coding the Nav and Header –
8. Coding the brand and feature section –
9. Coding the Offer Section –
10. Coding the Download Section –


This series is all about the web design and development process from start to finish. I am going to be taking you through the entire creative process from sketching and wireframing to high res mockups and full development phase.

I have never done a series this large, and my hope is that you will grow as a designer and developer not because I am perfect but because you have allowed yourself to stumble and fail with me on the road to making something you can be proud of.

I made this series because I believe that by teaching it I will learn and grow from not only the experience of creating the project but getting feedback from you all.


////////// Website

////////// Subscribe:

If you want to support the content I make and buy me a cup of coffee…

////////// Social

////////// Equiptment
Vlogging Camera – Panasonic G85

Drone- DJI Spark

[ss_rss url=” – Basic Responsive Web Development | Design & Code Series&format=rss” feeds=”10″]