How to Create CSS Layout Step by Step VS code

Channel:
United States The Wheelchair Guy
Subscribers:
17,400
Published on ● Video Link: https://www.youtube.com/watch?v=A0zcJcBuPVY


Category:
Tutorial
Duration: 14:35
246 views
19

In this video, I will show you how to create a basic layout for a web page using HTML and CSS.

Get the code here
https://github.com/pescad085/layout.git
Follow me on Instagram @thebahjat
Watch my Web Design Playlist
https://youtube.com/playlist?list=PLM4R4JwE3T-8Sbuuj_02oYSniggszE_qi
#css #html #layout

In this video:
0:00 Into
01:34 Styling the Container
03:09 Styling the header
04:07 Styling the left DIV
05:29 Centering the MID DIV
07:06 Styling the right DIV
08:23 Adding the footer
09:55 Adjusting the sizes of DIVS
11:07 Adding the Nav Bar
12:35 Centering the web page



Other Videos By The Wheelchair Guy


2022-04-08Logo Left, Navigation Right - HTML & CSS
2022-04-02Visual Studio Code - HTML Emmet Commands
2022-03-29How to Backup and Restore Games on Steam
2022-03-20How to Indent Text in HTML & CSS
2022-03-14How to Place Two Things Next to Each Other With Display Block and Inline
2022-03-10How to Setup Microphone on Steam
2022-03-07How to Create Drop Down Menu / HTML & CSS
2022-02-28Rockstar Games Cannot Establish Connection - Check your network issue
2022-02-26GTA V Rockstar Games Launcher Already running solution 2022
2022-02-23Visual Studio Code Tips & Tricks 2022
2022-02-16How to Create CSS Layout Step by Step VS code
2022-02-13Eminem Taking a knee during Super Bowl half show
2022-02-09Hard English-Incapable means not capable inflammable means flammable invaluable means very valuable
2022-02-07How to Center an Image - HTML & CSS on Visual Studio
2022-02-06Cursor Disappears OBS STUDIO solution
2022-02-03How to Toggle CSS Classes With JavaScript
2022-01-27HTML Entities in PHP - PHP FORM INJECTION
2022-01-26How to Create a Guestbook Using HTML & PHP
2022-01-22How to Delete a File on GitHub #shorts
2022-01-20How to Make Custom User Snippets on VS CODE
2022-01-15Rockstar Games Milking GTA V Video


Tags:
how
to
create
css
layout
html
web design
web
pagea
website
lay
out
design
plan
tutorial
how to create css layout
website layout
web pages
div
class
stylesheet
vs code
visual
studio
vsc
on visual studio code