This is a catalog of practice landings showcasing HTML & (S)CSS techniques, currently featuring 10 practice landings with varying difficulty of implementation. All of the landings are responsible on dimensions from 320px to 1800px, and are as maximally accessible as possible in accordance with the original design. The catalog is meant to showcase clean SCSS code practices even for over-complicated designs as well as complex designs that is still done in a clean and a readable, understandable way.
All of the projects are available in this catalog.
| Website Name | Flow Layout | Regions Layout | Float Layout | Advanced Floats | Flexbox Layout | Advanced Flexbox | Grid Layout | Advanced Grids | Tables | CSS Tables | position layout | transform layout | Specificity management | Loops |
|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Restaurant Food | ✅ | ✅ | ||||||||||||
| Legal Adviser | ✅ | ✅ | ✅ | ✅ | ||||||||||
| Neumorphism Charts | ✅ | ✅ | ✅ | ✅ | ✅ | |||||||||
| Business UI Template | ✅ | ✅ | ✅ | |||||||||||
| Technology Integration Template | ✅ | |||||||||||||
| Nature Trips Template | ✅ | ✅ | ✅ | |||||||||||
| Medicine Integration Template | ✅ | ✅ | ✅ | |||||||||||
| Headphones Template | ✅ | ✅ | ||||||||||||
| Betting Template | ✅ | |||||||||||||
| Surrealist | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ | ✅ |