Dinner turned out well last night! I’ll share some pictures below. We’ve also embarked on a new coding project: an admin dashboard web page. This one might be challenging, as I need to integrate both CSS Grid and Flexbox within the same webpage. From my research, it seems that most developers typically use either one or the other, rather than combining both at the same time. But I’m sure it’s done, I just haven’t seen it.
Comparison
CSS Grid
Two-dimensional
Rows and columns
Align items within cells
Predefined grid structure
Best for complex layouts
CSS Flexbox
One-dimensional
Row or column
Align items along axes
Items adjust dynamically
Best for simpler layouts
When to Use Which
Use CSS Grid when your design requires a two-dimensional layout or a structured grid system (e.g., full webpage layouts).
Use CSS Flexbox when aligning or distributing items in a single direction, such as horizontal navigation bars or vertically aligning content.
I need to determine how to effectively use both Grid and Flexbox on the site. My plan is to design the layout primarily with Grid and then incorporate Flexbox for certain elements. We have a reference image for what the webpage should look like, but we still need to select the appropriate fonts and images to include.
It’s quite chilly today, with temperatures only reaching 35 degrees and a bit of wind. A cold front is moving into our area, and while tomorrow will see temperatures in the 40s, it will rise again into the 50s soon after. I’m going to make myself some hot tea in a little bit.
I should get back to coding now and start setting up GitHub for this upcoming project.
I’m currently a quarter of the way through the HTML portion of the project. I feel a bit confused, but I’m confident I can manage it. I believe some parts of the menu are created using CSS Grid, though I’m not completely certain. On a less pleasant note, Sandy just sneezed on my laptop—yuck! I need to clean this up now, then post this.
Chile Colorado. The sauce is made up of red chile pods, onion, garlic, cumin and oregano. It’s easy to make and tastes good.
