krishna-saini/shopify-clone-tailwind

An attempt to make responsive shopy.in clone using tailwind css. https://github.com/krishna-saini/shopify-clone-tailwind

Shopify.in Clone

This is a solution to the Tailwind project no. 02 given in Full Stack Web development bootcamp by Hitest Chowdhary

Table of contents

• Overview
  • The Challenge
  • Links
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Author
• Acknowledgments
• Screenshot
  • Mobile version
  • desktop version

Overview

The challenge

• code the given design shofify.in using HTML and tailwind CSS
• make it responsive

Links

• Solution URL
• Live Site URL

My process

Built with

• Semantic HTML5 markup
• CSS3 properties
• Mobile-first workflow using tailwind CSS

What I learned

I gained indepth understanding of tailwind CSS and how to use it to make the website responsive for various screens.

Continued development

In my future projects, I will take leverage of tailwind CSS to design my projects and will do more projects to master tailwind css.

Useful resources

• Learn Code Online - This helped me in learning fundamentals of tailwind css.
• CSS udemy course - This helped in learning HTML5 semantic markup, various CSS properties, in writing clean code, adding comments, structing folder etc.

Author

• Name: Krishna Saini
• Website
• Linkedin
• github
• findcoder

Acknowledgments

I would like to thanks Hitest Chowdhary for hosting such an extensive bootcamp which is bringing best out of me in no time. Now I have more confidence on builing a responsive website. I would like to thanks all the community members of codercommunity for resolving my doubts.

Screenshot

desktop

mobile