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