HTML/CSS - MERN 2021

Overview
Class Notes
Intro
- Welcome to MERN Full Stack
How The Web Works
Getting Started
- IDE - Visual Studio Code
- Version Control - Git/GitHub
Building An Article
Building a News site
Important CSS Concepts
OTHER
- Forms
Exercises
Chrome Development Tools Intro
html-tags
HTML Cheatsheet
super-hero CSS
FE Masters - 3 Column Preview
CSS Box Model
CSS Display Property
Orange & Black
Four Square
Chrome Developer Tools - CSS
Centering Page Content
Basic HTML/CSS
Grids/Flex
DOM API
COPYING A MODEL
RESOURCES

Powered by GitBook

On this page

Was this helpful?

Grids/Flex

These exercises have you replicate the following grid/flex models.

PreviousBasic HTML/CSS NextDOM API

Last updated 3 years ago

Was this helpful?

Clone the Git repository for these challenges

Exercise 1

Exercise 2

Exercise 3

Exercise 4

Resources

Intro to the CSS Grid course - Scrimba.comScrimba

Your first Flexbox layout - Flexbox tutorial - Scrimba.comScrimba

https://github.com/annechinn/blocks-challenge.gitgithub.com