Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vmosiichuk-dev/adobe-business-clone

Reverse engineered Adobe Business homepage, showing my skills in creating & following design patterns and problem solving.
https://github.com/vmosiichuk-dev/adobe-business-clone

adobe comparisons-page design-patterns responsive-layout tailwindcss web-clone

Last synced: 24 days ago
JSON representation

Reverse engineered Adobe Business homepage, showing my skills in creating & following design patterns and problem solving.

Awesome Lists containing this project

README

        

## Clone of the Adobe Business home page
Project is aimed at showcasing my skills in reverse engineering, creating & following design patterns and problem solving, by creating a clone of an existing web page.
To challenge myself, I chose to write styles exclusively with Tailwind CSS to learn this framework in greater detail.
Mobile First Approuch was chosen for this project, since Tailwind CSS media queries are much easier to apply while upscaling from mobile to desktop devices.
#### [side-to-side-comparison](https://vmosiichuk-dev.github.io/adobe-business-clone/comparison.html)
#### [responsive clone version](https://vmosiichuk-dev.github.io/adobe-business-clone/index.html)
### Stages of development:
- [x] HTML structure
- [x] Tailwind CSS styles
- [x] Mobile version
- [x] Moving from Mobile to Tablet
- [x] Moving from Tablet to Desktop
- [x] Code review & Responsiveness testing
- [x] Side to side comparison preview page