This is a list of some of the websites I cloned to practiced my CSS skills. I've made a total of 32 websites but all of them are not in the list at the moment. Surely they'll be added at some point.
All of them are responsive. For responsiveness I've used the good-old floats. Later I used CSS Flexbox and CSS Grid.
I've also built 50+ CSS components and some CSS arts. All of them are displayed in CodePen.
I hope this will help developers who wants to hone their CSS skills. Trust me it's interesting.
↕ | Live | Code | Notes |
---|---|---|---|
00 | Alvi | Code | A multi-page blog site. |
01 | The Evenet | Code | A single-page business website on event management. [Floats] |
02 | Huddle | Code | A single-page business website. [Floats] |
03 | Maxim | Code | A single-page business website. [Floats] |
04 | Create | Code | A single-page business website. [Floats] |
05 | AdminStrap | Code | A simple admin panel based on Bootstrap 4. |
06 | Industrious | Code | A single-page website based on Bootstrap 4. |
07 | w3newbie | Code | A single-page website based on Bootstrap 4. |
08 | Holiday | Code | A multi-page website on tour management. [Grid] |
09 | Helium | Code | A single-page business website. [Grid, Flexbox] |
10 | Fruits and Health | Code | [Yet to host 😑] A multi-page, minimalist, blogsite on health. |
11 | Simple Blog | Code | [Yet to host 😑] A single-page blogsite, completely on CSS Grid. |
12 | Tribute Page | Code | A tribute to Noam Chomsky. |
13 | Survey Form | Code | A survey form. |