SHOPIFY Website
Live Link๐
Shopify.in clone ๐ Website'sby Arpit Pathak โจ
Website on different devices
Screenshot
๐ What I learned from this Project? ๐
- The project is made entirely with html and tailwind css, so I have learned about tailwind in-depth.
- Learned to make beautiful button with effect on
:hover
&:active
- I have learned how to design Links with resuable code and effects when hovering over them.
- Learned how to use object-fit and object-position properties on images.
- Learned to use position
sticky
to stick navigation bar on top. - Learned about transalte property to change the position of arrow in links on
:hover
. - I learned how to make awesome responsive footer section with footer links.
- Learned about
Flexbox
and its propertiesjustify-content
,align-items
,gap
,flex-wrap
&flex-direction
.
๐ Time taken to finish this project โณ
- 11 hours