# 2 - Responsive Web and layout

## Lesson Resources

### Presentations

* [Week 2 - HTML & CSS 2 - Responsive Design \[Google Slides\] - 28/05/2020](https://docs.google.com/presentation/d/1REawHd4Uy-WGVDmrwvyLLtX-mEurrS15b9QyLn8lULo/edit)
  * Created by Birmingham
* [Week 2 - Flexbox & Media Queries \[Google Slides\] - 28/05/2020](https://docs.google.com/presentation/d/10Y7ev8w0OZSwuCDU3dUB3wertwVgRIwd0pWC5l5qS8Y/edit#slide=id.g854eaaa097_0_58)
  * Created by Birmingham

## Homework Suggestion

{% hint style="info" %}
Remember copy the Homework to the [Trello ](https://trello.com/b/wl6LgDXD/homework-overview)at the end of the class
{% endhint %}

**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

{% embed url="<https://flexboxfroggy.com/>" %}

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

You should complete all the levels

{% embed url="<http://cssgridgarden.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) <a href="#workshop-saturday" id="workshop-saturday"></a>

* Finish the Karma-clone project to look as awesome as you can
* Finish Apple clone workshop.
* [Push](https://syllabus.migracode.org/git#basic-git-commands) the changes to your repository in Github