How to use Flexbox to create a modern CSS card design layout
Abbey Fitzgerald

Abbey Fitzgerald

Abbey Fitzgerald is a content creator and digital marketing expert. As a WordPress fanatic, she enjoys the ever-changing world of web design and front-end development. When not in front of a backlit device, she dabbles in charcoal and oil paint. Abbey is proud to be a racket sport and bocce ball enthusiast. She lives in Minneapolis, Minnesota, and hopes to eventually visit all of its 10,000 lakes.

  • How to use Flexbox to create a modern CSS card design layout

    December 21, 2018 by Abbey Fitzgerald

    Thanks to Flexbox, a new layout mode in CSS3, we can get all of our cards in a row, literally. Card designs have grown in popularity over the past few years – as you’ve probably noticed, social media sites have really embraced cards. Pinterest and Dribbble use card layouts to feature information and visuals. And if…

  • How to add a sticky back-to-top button on your website

    December 18, 2018 by Abbey Fitzgerald

    In the last few years or so, back-to-top buttons (or scroll-to-top buttons) have increased in popularity. When a user scrolls past a certain point on the website, this helpful button appears, enabling users to easily return to the top of a page. It’s an especially useful feature given how much content is shared on a…

  • How to combine Flexbox and CSS grids for efficient layouts

    December 15, 2018 by Abbey Fitzgerald

    In the past, CSS float properties were one of the main methods for arranging elements on a website. And if you’ve ever worked that way, you know that it’s not always ideal for complex layouts. Luckily in the modern era of web design, aligning elements has become much more streamlined thanks to Flexbox and CSS…

  • How to create a card layout using CSS Grid Layout

    December 3, 2018 by Abbey Fitzgerald

    CSS Grid Layouts are changing the way web designers are working, allowing for a more efficient way of laying out website content. It has been long awaited, but finally this approach has really taken off and in many cases, it is in production. It’s revolutionized the way websites are designed and once designers get the…

  • How to use CSS and SVG clipping and masking techniques

    November 6, 2018 by Abbey Fitzgerald

    SVGs are great for working on the web, and clipping and masking allow for some interesting ways to show or hide pieces of your web graphics. Using these techniques also allows for more flexibility with your designs because you do not have to manually make changes and create new images – it’s all done with code….

  • How to make a custom 404 page in a WordPress child theme

    October 23, 2018 by Abbey Fitzgerald

    No matter how well designed and architected your website is, users will encounter a 404 page at some point. It can be something as simple as typing in a URL with a spelling error. For example, if you have a contact page found at www.website.com/contact and someone tries to land on www.website.com/contacts, there’s a good…

  • How to create a sticky website header

    October 14, 2018 by Abbey Fitzgerald

    Website headers that stay in place when a user scrolls have become a very popular design element. They allow the user to easily access the navigation without the need to scroll up each time they want to choose a different page or option. Elements with this functionality are often called “sticky” because they stick and…

  • 5 tips for planning successful user testing

    September 26, 2018 by Abbey Fitzgerald

    In a perfect world, the first design would be the perfect design. Users would love it, easily interact with it, and there would be no need for changes. Unfortunately, that rarely happens, if ever. That’s why user testing is important. Figuring out the pain points of your users and making improvements before you get too…

  • How to design for the web using design patterns

    September 17, 2018 by Abbey Fitzgerald

    Design patterns are the foundation of good website usability, and they’re the pieces websites are built upon. They’re a strategic design decision a web designer makes to ensure a good user experience. A designer’s job is to solve common usability issues and to create the most user-intuitive solution, and patterns create a predictable, intuitive, and…

  • How to add CSS variables to customize WordPress child themes

    September 5, 2018 by Abbey Fitzgerald

    CSS variables, also referred to as CSS custom properties, allow for easy reuse in your CSS stylesheets. If you’ve done work with WordPress child themes, you probably find yourself doing a lot of styling and overriding on things like color, padding, etc. If you’re new to web design, it’s worth mentioning that there’s nothing wrong…

Delightful managed WordPress hosting

The #1 choice of over 70,000 digital creatives

Tour the platform
[if lte IE 8]
[if lte IE 8]