Holy Grail
Left Sidebar
Right Sidebar
1 Column
2 Columns
3 Columns
4 Columns
5 Columns
6 Columns
7 Columns
8 Columns
I've been working professionally as a web developer for over two decades and running this website since 1997. I am keenly interested in responsive layouts and their underlying HTML and CSS.
Best Web Development Tools (Free & Paid)
Equal-Height Columns (CSS Grid, Flexbox, Floated Containers, & Table Methods)
Boggle Dice Shaker (Built With Javascript)
Responsive Font Size (Optimal Text at Every Breakpoint)
Responsive Padding, Margin & Gutters With CSS Calc
Bottom Footer (CSS Grid, Flexbox, & Absolute Position Methods)
Holy Grail 3-Column Responsive Layout (CSS Grid & Flexbox Versions)
2 Column Layouts (Responsive, Flexbox & CSS Grid)
3 Column Layouts (Responsive, Flexbox & CSS Grid)
CSS: Margin Top vs Bottom (A Trick You Should Know)
Responsive Attributes: Generate CSS Grid Layouts With Simple HTML
How to add CSS to HTML (With Link, Embed, Import, and Inline styles)
Custom Element Examples (Without Javascript)
Replace Divs With Custom Elements For Superior Markup
Custom HTML Tags (18 Things To Know Before Using Them)
ID vs Class: Which CSS Selector Should You Use? (6 Examples)
Empty HTML Tags (21 Weird Things You Need To Know!)
CSS: Horizontally Centred Menus (With Optional Dropdowns)
Responsive Banner Ads with HTML5 and CSS3
Responsive Columns: Build Amazing Layouts With Custom HTML Tags
Style Blocker: How To Prevent CSS Cascade With Shadow DOM
Responsive House Plan (Web Design Meets Architecture!)
Web design
Architecture
Life drawing
Art gallery
Synesthesia
Comics
About
Contact
Privacy
© 1994 — 2023 Matthew James Taylor
Web design
Architecture
Life drawing
Art gallery
Synesthesia
Comics
