css Grid – Learning Journal

I Think I’m Officially a Grid Person

This week I discovered something about myself: I really, really like grids. 😄 Give me structure, organization, and a place for everything, and I’m happy. CSS Grid was definitely challenging at times, but it was also one of the things I enjoyed learning the most so far.

CSS Grid and Midterm Project

This week I learned more about CSS Grid and worked on my midterm design project. CSS Grid was a little confusing at first, but after practicing with it, I started to understand how it works and how it can help organize a page.

New To Grid!

For this week’s reflecting on what we have been learning in class in HTML/ CSS Dreamweaver is how to make Grid’s in Dreamweaver. In doing that Grid is for two-dimensional layouts, meant to work with flex box, and when using flex box it uses heavily on “flex-wrap:wrap;” code onto Dreamweaver consider using grid instead wrap. Grid-gap helps you keep space between grid items. Grid-template-columns can take different units of measure.

Here is a video I found that’s been a reference now on understanding CSS grid and flex box in which I have been having trouble understanding.

CSS Grid Layout Crash Course – YouTube

CSS Layout

CSS page layout techniques allow us to take elements contained in a web page and control where they’re positioned relative to the following factors: their default position in normal layout flow, the other elements around them, their parent container, and the main viewport/window.

Weeks 5 & 6 – CSS Layout Challenges, Levels of Web Design, and more

The past couple of weeks have been really busy. I guess mid-semester always is at least a bit overwhelming.

Flexbox, Grids, and Floats

This week we started to learn more about different ways to layout a website using flexbox, css grid, and floats. I think all are useful in their own ways, but which do you prefer to use?

Mid-Way Already??

Crazy to think that we are already at a point to think of the mid-term! Last week was overwhelming for me and even though this week was the same workload I seem to have found a good balance. Thank goodness because it was a learning curve this week.

A greedy week

This week we learned about CSS grids and I really believe this is an exciting tool to work with. There are so many possibilities that are being open with grids. You can build a whole grid template and change the positioning of elements on different screen sizes by changing one property and it’s really cool.

Weeks 11-13 Journal Entry

I love drop caps. They seem to add the “human” element to the written word; like “seeing” Dickens write it with a quill. Ah yes, CSS…

Week 8 – Design Processes, Color Theory and CSS Grid

When I started working on the Midterm project, I was thinking of whether I should do fully designed mockup first or create content and start coding it.