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.
Style Blocker: How To Prevent CSS Cascade With Shadow DOM
Responsive Padding, Margin & Gutters With CSS Calc
Responsive Font Size (Optimal Text at Every Breakpoint)
Responsive Banner Ads with HTML5 and CSS3
ID vs Class: Which CSS Selector Should You Use? (6 Examples)
Holy Grail 3-Column Responsive Layout (CSS Grid & Flexbox Versions)
Equal-Height Columns (CSS Grid, Flexbox, Floated Containers, & Table Methods)
Empty HTML Tags (21 Weird Things You Need To Know!)
Replace Divs With Custom Elements For Superior Markup
Custom HTML Tags (18 Things To Know Before Using Them)
Custom Element Examples (Without Javascript)
CSS: Margin Top vs Bottom (A Trick You Should Know)
CSS: Horizontally Centred Menus (With Optional Dropdowns)
Bottom Footer (CSS Grid, Flexbox, & Absolute Position Methods)
Boggle Dice Shaker (Built With Javascript)
How to add CSS to HTML (With Link, Embed, Import, and Inline styles)
3 Column Layouts (Responsive, Flexbox & CSS Grid)
2 Column Layouts (Responsive, Flexbox & CSS Grid)
Responsive Columns: Build Amazing Layouts With Custom HTML Tags
Responsive Attributes: Generate CSS Grid Layouts With Simple HTML
Best Web Development Tools (Free & Paid)
Responsive House Plan (Web Design Meets Architecture!)
Web design
Architecture
Life drawing
Art gallery
Synesthesia
Comics
About
Contact
Privacy
© 1994 — 2025 Matthew James Taylor
Web design
Architecture
Life drawing
Art gallery
Synesthesia
Comics
