Name		Name	Last commit message	Last commit date
Latest commit History 61 Commits
Loop01		Loop01
Loop02		Loop02
Loop03		Loop03
README.md		README.md

Repository files navigation

Desafíos de Maquetado HTML5/CSS3 de Frontloops

Frontloops (https://frontloops.io/) is a set of 30 basic to complex frontend UI coding challenges.

In this repository i'm going to solve all the challenges with pure HTML and SCSS implementing flexbox layout module. No CSS libraries/Javascript involved!

Even though it's not required, i'll also code responsive support through media queries aswell.

LEVEL 1

Step 1 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step1/index.html
Step 2 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step2/index.html
Step 3 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step3/index.html
Step 4 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step4/index.html
Step 5 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step5/index.html
Step 6 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step6/index.html
Step 7 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step7/index.html
Step 8 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step8/index.html
Step 9 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step9/index.html
Step 10 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop01/Step10/index.html

LEVEL 2

Step 1 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step1/index.html
Step 2 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step2/index.html
Step 3 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step3/index.html
Step 4 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step4/index.html
Step 5 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step5/index.html
Step 6 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step6/index.html
Step 7 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step7/index.html
Step 8 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step8/index.html
Step 9 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step9/index.html
Step 10 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop02/Step10/index.html

LEVEL 3

Step 1 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop03/Step1/index.html
Step 2 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop03/Step2/index.html
Step 3 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop03/Step3/index.html
Step 4 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop03/Step4/index.html
Step 5 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop03/Step5/index.html
Step 6 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop03/Step6/index.html
Step 7 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop03/Step7/index.html
Step 8 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop03/Step8/index.html
Step 9 - https://emilianog94.github.io/Frontloops---HTML5-CSS3-UI-Challenges/Loop03/Step9/index.html
Step 10 - ¡In process!