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.
Responsive Font Size (Optimal Text at Every Breakpoint)
3 Column Layouts (Responsive, Flexbox & CSS Grid)
Holy Grail 3-Column Responsive Layout (CSS Grid & Flexbox Versions)
2 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)
Best Web Development Tools (Free & Paid)
Responsive Padding, Margin & Gutters With CSS Calc
Empty HTML Tags (21 Weird Things You Need To Know!)
CSS: Horizontally Centred Menus (With Optional Dropdowns)
Boggle Dice Shaker (Built With Javascript)
Equal-Height Columns (CSS Grid, Flexbox, Floated Containers, & Table Methods)
Responsive Banner Ads with HTML5 and CSS3
Get Down! How to Keep Footers at the Bottom of the Page
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
