• Skip to content
  • Skip to footer
Abbey Fitzgerald Web and UX Designer

Abbey Fitzgerald

UX Software Engineer and Digital Designer

Main navigation

  • About
  • Services
  • Work Examples
  • Blog
  • Contact
  • All Categories
    • Design Reflections
    • Digital Design
    • WordPress
    • UX

June 19, 2017 By Abbey Fitzgerald Filed Under: Digital Design

CSS Grid Layout and Flexbox layout experiment

  • Facebook
  • Twitter
  • Pinterest

Experimenting with Layout

It’s exciting to read about the growing support for CSS Grid Layouts. As it becomes more of a reality, I really wanted to become more comfortable with how to create a layout and brush up on the properties needed.

CSS Grid Layout

CSS Grid Layout

Flexbox

To compare, I created the layout in Flexbox. CSS Grid won’t replace Flexbox but how it is used might change slightly. For more complex layouts, CSS Grid seems to be more efficient.

Flexbox Layout

Combination experiment

Found that the overall layout was best achieved with CSS Grid Layouts but within the layout, Flexbox was very handy for adjusting content and provided a lot of assistance with spacing and placement.

CSS Grid Layout and Flexbox Experiment

  • Facebook
  • Twitter
  • Pinterest

Filed Under: Digital Design

Abbey Fitzgerald

In addition to being a UX sofware engineer, I can be found writing, designing and developing all sorts of great content. When not in front of a backlit device, I dabble in charcoal and oil paint. I live in Minneapolis, MN and live up to the reputation of Minnesota Nice.

Recent Posts

  • How to break up with a design you love
  • Formatting code and pre text
  • New Parking Spot Technology Ramps Up at Mall of America
  • My Italy Adventure
  • Why do I paint?

Reader Interactions

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Footer

Contact

Want to discuss your next project? I'm here to help!

Contact Abbey

About Abbey Fitzgerald

Abbey Fitzgerald UX and Web Designer

I am Minnesota nice. Located in Minneapolis, MN, I'm a UX software engineer with a long history in the digital design space. My goal is to make people's lives easier by creating and improving their experience.

Life can't be all work and no play. I also like to dabble in charcoal and oil paint.

Let’s Connect

© 2023 Abbey J. Fitzgerald, LLC