CSS Deep Dives

What is the CSS :First-of-Type Pseudo-Class?

Sometimes when we create our CSS, we want to target a certain element. Let’s say if we had an HTML document full of <div> tags and <span> tags, but only wanted to target the first of each type to style…

Differences between CSS Flexbox and CSS Grid

One of the things we have to do as developers is to figure out how to approach a problem when given a new project to do. When working with responsive websites, we’ll quite often choose between CSS Grid and CSS…

CSS Background Position: What Is It and How Does It Work?

Web developers use the CSS background-position property when they need to adjust the starting position for the background image they are working with. In this article, we’ll take a look at the background-position property and how to adjust it to…

CSS Variables

As a developer, the languages I have encountered so far have had a system of pointing to something in memory and giving it a name so that I could reference it later. As a student, you may have encountered this…

Creating Tabs in CSS Without Using JavaScript

CSS Tabs are really great at displaying associated information in one easy-to-navigate place. They essentially look like tabbed dividers that you would see in a recipe box or a binder. Here are some examples of websites using tabbed navigation:   Southwest…

When and How to Use the CSS Clearfix Hack

As coders and programmers in the generation of CSS Flexbox and CSS Grid, we don’t often consider CSS Clearfix. CSS Flexbox and Grid solve the position of elements a little better (and a little easier!) than using floats.  Nevertheless, we…

CSS Sticky Footer

Sticky footers are not to be confused with fixed footers – a sticky footer is a pattern where the footer always sticks either to the bottom of the screen (in cases where content does not fill up the page) or…

CSS Flexbox

The CSS Flexbox Model was created to improve the established CSS Box Model. The Flexbox Model still contains the major elements of the Box Model (margin, padding, border and content), but offers flexibility to best fill the space with the…

Get matched modal

Find the best bootcamp for you

Our matching algorithm will connect you to job training programs that match your schedule, finances, and skill level.