In this exercise, you will have to create a layout that works on desktop, mobile, and tablet.
Clone this repository:
git clone <Repo address> /FolderName
Navigate to cloned folder:
cd ../FolderName
- Double click on index.html
- Resize display: web view > tablet view > mobile view
- Test responsive
Note
Use developer tools from your browser (F12)
N/A
Tip
Key concepts: display: flex; align-items: flex-direction: flex-wrap: @media queries
| Expected result - ★★★ | Result - Level ★★★ |
![]() Web computer device view ![]() Tablet device view ![]() button animation |
|
Warning
This repo doesn't accept contributions, but if you detect an error:
Fork the repository
- Create a new branch:
git checkout -b ErrorBug - Make your changes and commit them:
git commit -m 'Error description' - Push the changes to your branch:
git push origin ErrorBug - Create a pull request




