Tag css

Basics of CSS

This lesson gives a brief Introduction to CSS (Cascading Style Sheets) and how they are used with HTML. We’ll cover the following Introduction Linking CSS with HTML Inline CSS Internal CSS External CSS Page layout techniques Animations Preprocessors SASS &…

CSS Flexbox Cheat Sheet

Flexbox allows you to create fluid layouts easily. If you find yourself constantly looking up the syntax or how it work, this handy cheatsheet is all you need. Container display: flex or display: inline-flex: creates a flex context (or an…

How to Install and Configure SASS Locally

title sass

In this lesson, we’ll cover the installation of S ASS onto our local machine. Including the initial configuration & live server setup. We’ll cover the following: Environment setup Folder Structure File Structure Initializing our Project Directory Install node-sass Compiling Sass…

Switching Flex Direction

What happens when you switch flex-direction? When starting off with learning the flexbox model, this part was the most confusing. I bet a lot of newcomers to the flex world find it that way too. You remember when I talked…

Auto-margin Alignment

Beware of margin : auto alignment on flex items. When you use margin: auto on flex-items, things can look quite weird. You do need to understand what’s going on. It may result in unexpected results, but I’m going to explain…