Let’s say we set up a basic web page layout that has 5 sections: Title, Header, Sidebar, Content, and Footer. This can be easily laid out using Grid, where we have an overall container that has five child divs. For example: The HTML looks like this: Note that each div in the grid has … Continue reading HTML & CSS: Four different ways to expand a div to 100% width using Grid
grid
HTML & CSS: How to create a square grid using CSS grid
In order to create a game of tic-tac-toe using React.js, I first needed to figure out how to create a 3×3 grid of squares using HTML and CSS. Turns out, with CSS grid it is fairly straightforward. All we need is three CSS classes: container: This is the highest level div that will contain the … Continue reading HTML & CSS: How to create a square grid using CSS grid