N a n o d e g r e e p r o g r a m s y L l a b u s

LESSON THREE

Introducing Flexbox

• 

Control web elements orientation and layout with Flexbox  

• 

Control ordering of web elements with Flexbox

• 

Align and justify web elements with Flexbox  

• 

Transform and resize web elements with Flexbox

LESSON FOUR

CSS Grid

•

 Compare and contrast the use cases for CSS Grid and 

   Flexbox

•

 Structure the layout of a web page using grid columns and 

   rows

LESSON FIVE

Creating Responsive

Layouts

• 

Define custom styles for different screen sizes using media    

   queries.  

• 

Observe and create breakpoints in a website to change 

   layout and styling as a page is resized

Course Project 

 

Styled Blog Website

In this project you will code a fixed-wing aircraft, and then 

implement solutions to a significantly more challenging control 

problem.

---

Front End Web Developer  |  4