Create the Discord UI with ReactJS - Part 3: Responsive grid
In this part we continue working on the grid! We also use a media query to make the grid responsive to smaller screens.
The code in this video can be found on this GitHub repository:
https://github.com/FrontendCodingYT/c...
Timestamps:
0:00 Introduction
0:20 Adding elements to the grid
1:35 Assigning classes to the elements
1:50 Adding grid area to the classes
2:38 Specifying column width
3:25 Specifying row height
4:00 Adding colors!
6:06 White text
6:24 Responsive DevTools
8:00 1200px breaking point
8:40 TSX vs CSS
9:37 Media query
10:30 Writing the query
12:20 Hiding elements from the page