How to Centre a Webpage: ITW Easy build Pt2

Опубликовано: 26 Март 2021
на канале: Zen
686
7

In this video we are going to look at how to centre a web page with respect to the browser and keep it there so if the browser window is resized, the web page is still centred.

Although it would be a good idea to watch the previous video in the series there is no need to as you can apply this code directly to your own web page. If you do want to follow along, all of the required files are in the link below.

Links:
Files to work with: http://tiny.cc/itwcentre
ITW easy build playlist:    • Into The Wild Website Easy Build Series  


Chapters:

0:00 Sneak peak and intro
0:42 Video overview
1:24 Why do we want to do this?
3:24 The page we are going to centre
3:43 Modifying the HTML
4:22 The CSS
6:19 Checking it works - before and after
7:29 Fixing the Navigation bars
8:32 Applying the trick to a completed page
10:28 Video wrap up