2 - Responsive Web and layout

Responsive Web and layout

Lesson Resources

Presentations

• Week 2 - HTML & CSS 2 - Responsive Design [Google Slides] - 28/05/2020

  • Created by Birmingham

• Week 2 - Flexbox & Media Queries [Google Slides] - 28/05/2020

  • Created by Birmingham

Homework Suggestion

Remember copy the Homework to the Trello at the end of the class

1) Complete Flexbox Froggy and CSS Grid Garden (6 hours)

Flexbox Froggy is a really fun way of learning how Flexbox works.

You should complete all the levels

Flexbox Froggyflexboxfroggy.com

Grid Garden is a really fun way of learning how Grid layout works.

You should complete all the levels

Grid Gardencssgridgarden.com

2) Flexbox Project (4 hours)

In this repository you will find a project for you to complete

https://github.com/CodeYourFuture/HTML-CSS-Coursework-Week2

Before you start, make sure you fork the repository to your Github account.

Push the changes yo your Github account

Practice Day (Saturday)

• Finish the Karma-clone project to look as awesome as you can

• Finish Apple clone workshop.

• Push the changes to your repository in Github