flexbox – Page 2 – Learning Journal

Creating Decorative Shapes with CSS

There are many ways to utilize CSS in your designs. From text treatments to colors and images, the possibilities are endless! However, you can also create simple graphics in your design with just CSS. Let’s take a look at how it’s done!

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: All About Layout

There’s a lot of options when it comes to designing your layout in CSS. From flexbox properties to positioning, here’s all you need to know about CSS layout to get your designs to look awesome.

Responsive Design

Response design is getting more important every day. Users expected more efficient, faster with clear information and navigation.websites that have consistently on all of their devices. I found the first mobile approach more efficient and so much easier to do.

Applying Responsive Design

This is such a full week! Finishing responsive design for the Sac Writers group and the Zen Music was quite a challenge and we aren’t even done with the actual design yet! It takes such great amount of patience and re-editing, googling and re-editing.

All the New Subjects Start Now

Hello once again! I am just finishing week 6 of my semester, and wow, everything is starting to pick up around this time in these past 2 weeks that has already passed. I have had to finish around 2 big assignments in my AAD52 and AAD60 classes. Now my AAD86 is starting to pick up on the learning material now too. Having to juggle four different classes is starting to show its true colors.

Floats, Flexbox, and Grids, what weeks 5 & 6 taught me.

I felt like Dorothy these last two weeks, being swept up in a tornado of floats, flexbox, and grid challenges. Watching the instructional videos, and then working along with the videos, worked for the most part. But something went akimbo when trying to put what I learned to the challenges.

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.

Going Mobile

This last week I couldn’t attend class due to family events and Thursday we had no class. However, there was still a lot of learning to be had within the course files. I think this week the work made me go through all the emotions – fun, annoyed, and relief!

Comprehending Flexbox

Flex and Flex Grid Layout are like Christmas gifts when it comes to CSS Layout.

Flexbox is Magic

This week was chalk full of information that my little OCD mind found to be so fun! I’m not going to lie, it’s a lot. Oh, so useful though!

Flex Your Floats!

As a designer, I really like to think outside the box and do stuff that no one else is willing to try, or just haven’t yet. Usually, its just me being over zealous. Nevertheless, when it comes to using block elements and making a page that’s pretty and organized, utilizing floats and flexbox creates a panic-less me.

Week 4 – Fun with Floats and Flexbox

I remember how I struggled with floats when taking the Intro to Web Design class. This topic was one of the most confusing ones to me. However…