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.
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
Responsive Font Size (Optimal Text at Every Breakpoint)
Best Web Development Tools (Free & Paid)
Equal-Height Columns (CSS Grid, Flexbox, Floated Containers, & Table Methods)
Boggle Dice Shaker (Built With Javascript)
Responsive Padding, Margin & Gutters With CSS Calc
Holy Grail 3-Column Responsive Layout (CSS Grid & Flexbox Versions)
Bottom Footer (CSS Grid, Flexbox, & Absolute Position Methods)
3 Column Layouts (Responsive, Flexbox & CSS Grid)
CSS: Margin Top vs Bottom (A Trick You Should Know)
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
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 — 2025 Matthew James Taylor
Web design
Architecture
Life drawing
Art gallery
Synesthesia
Comics
