Skip to content
Navigation menu
Search
Powered by
Search
Algolia
Search
Log in
Create account
DEV Community
Close
CSS Grid Series' Articles
Back to Phuoc Nguyen's Series
Discover how to use CSS grid layout with real-life examples
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Feb 27
Discover how to use CSS grid layout with real-life examples
#
webdev
#
css
#
tutorial
#
learning
1
reaction
Comments
Add Comment
1 min read
Create a horizontal divider with centered text
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Feb 28
Create a horizontal divider with centered text
#
webdev
#
css
#
learning
#
tutorial
1
reaction
Comments
Add Comment
4 min read
Create a split-screen layout
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Feb 29
Create a split-screen layout
#
webdev
#
css
#
tutorial
#
learning
1
reaction
Comments
Add Comment
3 min read
Create a sticky footer
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 1
Create a sticky footer
#
webdev
#
css
#
learning
#
tutorial
Comments
Add Comment
4 min read
Build a calendar
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 4
Build a calendar
#
webdev
#
css
#
learning
#
tutorial
2
reactions
Comments
Add Comment
5 min read
Position items in a grid
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 5
Position items in a grid
#
webdev
#
css
#
learning
#
tutorial
2
reactions
Comments
Add Comment
5 min read
Remove empty cells from the calendar
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 6
Remove empty cells from the calendar
#
webdev
#
css
#
tutorial
#
learning
1
reaction
Comments
Add Comment
3 min read
Create a macOS calculator layout
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 7
Create a macOS calculator layout
#
webdev
#
css
#
tutorial
#
learning
2
reactions
Comments
Add Comment
5 min read
Create a Gantt chart
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 8
Create a Gantt chart
#
webdev
#
css
#
learning
#
tutorial
2
reactions
Comments
Add Comment
7 min read
Create an event calendar
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 11
Create an event calendar
#
webdev
#
css
#
learning
#
tutorial
9
reactions
Comments
Add Comment
7 min read
Create a vertical timeline
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 12
Create a vertical timeline
#
webdev
#
css
#
tutorial
#
learning
4
reactions
Comments
Add Comment
7 min read
Create a holy grail layout
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 13
Create a holy grail layout
#
webdev
#
css
#
learning
#
tutorial
3
reactions
Comments
Add Comment
6 min read
Display grid items in the same area
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 14
Display grid items in the same area
#
webdev
#
css
#
learning
#
tutorial
2
reactions
Comments
Add Comment
5 min read
Center align the main content and left align the sidebar
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 16
Center align the main content and left align the sidebar
#
webdev
#
css
#
learning
#
tutorial
1
reaction
Comments
Add Comment
5 min read
Align items in a grid
Phuoc Nguyen
Phuoc Nguyen
Phuoc Nguyen
Follow
Mar 18
Align items in a grid
#
webdev
#
css
#
learning
#
tutorial
1
reaction
Comments
Add Comment
5 min read
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account