DEV Community

Modern CSS Solutions to Old CSS Problems Series' Articles

Back to Stephanie Eckles's Series
Keep the Footer at the Bottom: Flexbox vs. Grid
Cover image for Keep the Footer at the Bottom: Flexbox vs. Grid
5t3ph profile

Keep the Footer at the Bottom: Flexbox vs. Grid

#css #webdev #tutorial
332
Comments 8
3 min read
Equal Height Elements: Flexbox vs. Grid
Cover image for Equal Height Elements: Flexbox vs. Grid
5t3ph profile

Equal Height Elements: Flexbox vs. Grid

#css #webdev #tutorial
100
Comments
2 min read
CSS-Only Full-Width Responsive Images 2 Ways
Cover image for CSS-Only Full-Width Responsive Images 2 Ways
5t3ph profile

CSS-Only Full-Width Responsive Images 2 Ways

#css #webdev #tutorial
76
Comments 1
3 min read
Pure CSS Smooth-Scroll "Back to Top"
Cover image for Pure CSS Smooth-Scroll "Back to Top"
5t3ph profile

Pure CSS Smooth-Scroll "Back to Top"

#css #webdev #tutorial
85
Comments 8
6 min read
Totally Custom List Styles
Cover image for Totally Custom List Styles
5t3ph profile

Totally Custom List Styles

#css #tutorial #webdev
83
Comments
7 min read
Animated Image Gallery Captions with Bonus Ken Burns Effect
Cover image for Animated Image Gallery Captions with Bonus Ken Burns Effect
5t3ph profile

Animated Image Gallery Captions with Bonus Ken Burns Effect

#tutorial #css #webdev
26
Comments
7 min read
CSS-Only Accessible Dropdown Navigation Menu
Cover image for CSS-Only Accessible Dropdown Navigation Menu
5t3ph profile

CSS-Only Accessible Dropdown Navigation Menu

#css #html #webdev #a11y
346
Comments 19
9 min read
✨ Announcing ModernCSS.dev
Cover image for ✨ Announcing ModernCSS.dev
5t3ph profile

✨ Announcing ModernCSS.dev

#showdev #css #html #webdev
176
Comments 20
1 min read
Solutions to Replace the 12-Column Grid
Cover image for Solutions to Replace the 12-Column Grid
5t3ph profile

Solutions to Replace the 12-Column Grid

#css #webdev #tutorial
95
Comments
6 min read
CSS Button Styling Guide
Cover image for CSS Button Styling Guide
5t3ph profile

CSS Button Styling Guide

#css #webdev #a11y #tutorial
94
Comments 10
8 min read
Icon Button CSS Styling Guide
Cover image for Icon Button CSS Styling Guide
5t3ph profile

Icon Button CSS Styling Guide

#tutorial #css #webdev
53
Comments
5 min read
Resource: The Complete Guide to Centering in CSS
Cover image for Resource: The Complete Guide to Centering in CSS
5t3ph profile

Resource: The Complete Guide to Centering in CSS

#css #webdev
52
Comments
2 min read
Generating `font-size` CSS Rules and Creating a Fluid Type Scale
Cover image for Generating `font-size` CSS Rules and Creating a Fluid Type Scale
5t3ph profile

Generating `font-size` CSS Rules and Creating a Fluid Type Scale

#webdev #tutorial #css
81
Comments 1
11 min read
Container Query Solutions with CSS Grid and Flexbox
Cover image for Container Query Solutions with CSS Grid and Flexbox
5t3ph profile

Container Query Solutions with CSS Grid and Flexbox

#tutorial #css #webdev
79
Comments 2
12 min read
Expanded Use of `box-shadow` and `border-radius`
Cover image for Expanded Use of `box-shadow` and `border-radius`
5t3ph profile

Expanded Use of `box-shadow` and `border-radius`

#webdev #tutorial #css
122
Comments 8
7 min read
3 CSS Grid Techniques to Make You a Grid Convert
Cover image for 3 CSS Grid Techniques to Make You a Grid Convert
5t3ph profile

3 CSS Grid Techniques to Make You a Grid Convert

#webdev #css
138
Comments
3 min read
3 Popular Website Heroes Created With CSS Grid Layout
Cover image for 3 Popular Website Heroes Created With CSS Grid Layout
5t3ph profile

3 Popular Website Heroes Created With CSS Grid Layout

#css #webdev #tutorial
230
Comments 9
10 min read
Announcing Style Stage: A Community CSS Showcase
Cover image for Announcing Style Stage: A Community CSS Showcase
5t3ph profile

Announcing Style Stage: A Community CSS Showcase

#news #css #webdev #showdev
121
Comments 14
4 min read
Pure CSS Custom Styled Radio Buttons
Cover image for Pure CSS Custom Styled Radio Buttons
5t3ph profile

Pure CSS Custom Styled Radio Buttons

#css #webdev #tutorial
137
Comments 14
9 min read
Pure CSS Custom Checkbox Style
Cover image for Pure CSS Custom Checkbox Style
5t3ph profile

Pure CSS Custom Checkbox Style

#css #webdev #tutorial
121
Comments 2
7 min read
Custom Select Styles with Pure CSS
Cover image for Custom Select Styles with Pure CSS
5t3ph profile

Custom Select Styles with Pure CSS

#tutorial #css #webdev
120
Comments 11
10 min read
Custom CSS Styles for Form Inputs and Textareas
Cover image for Custom CSS Styles for Form Inputs and Textareas
5t3ph profile

Custom CSS Styles for Form Inputs and Textareas

#css #webdev #tutorial
53
Comments 3
10 min read
Pure CSS Shapes 3 Ways
Cover image for Pure CSS Shapes 3 Ways
5t3ph profile

Pure CSS Shapes 3 Ways

#webdev #css #tutorial
55
Comments 2
6 min read
The 3 CSS Methods for Adding Element Borders
Cover image for The 3 CSS Methods for Adding Element Borders
5t3ph profile

The 3 CSS Methods for Adding Element Borders

#css #webdev #tutorial
88
Comments 8
7 min read
Guide to Advanced CSS Selectors - Part One
Cover image for Guide to Advanced CSS Selectors - Part One
5t3ph profile

Guide to Advanced CSS Selectors - Part One

#css #tutorial #webdev
131
Comments 1
10 min read
Guide to Advanced CSS Selectors - Part Two
Cover image for Guide to Advanced CSS Selectors - Part Two
5t3ph profile

Guide to Advanced CSS Selectors - Part Two

#css #tutorial #webdev
109
Comments 2
12 min read
Developing For Imperfect: Future Proofing CSS Styles
Cover image for Developing For Imperfect: Future Proofing CSS Styles
5t3ph profile

Developing For Imperfect: Future Proofing CSS Styles

#webdev #css #tutorial
24
Comments
1 min read