Skip to content

Responsive website for mobile ,tablet ,laptop and desktop. #15

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
wants to merge 2 commits into
base: master
Choose a base branch
from

Conversation

anushkaDev9
Copy link

Created a side drawer div in index.html for creating a responsive website for mobile and tablet .Also added media queries in style.css .
image
Thank you for giving a opportunity to contribute.

Made the website responsive by adding a small drawer when the window changes to mobile  or tablet  screen size
Added media queries for responsiveness
Copy link

vercel bot commented Dec 20, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
ecommerce-website-html-css ✅ Ready (Inspect) Visit Preview 💬 Add feedback Dec 20, 2023 3:22am

Copy link

netlify bot commented Dec 20, 2023

Deploy Preview for rainbow-monstera-721c0e ready!

Name Link
🔨 Latest commit a25618e
🔍 Latest deploy log https://app.netlify.com/sites/rainbow-monstera-721c0e/deploys/65825dfd2abe0f00089900bf
😎 Deploy Preview https://deploy-preview-15--rainbow-monstera-721c0e.netlify.app/
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@anushkaDev9
Copy link
Author

Created a side drawer div in index.html for creating a responsive website for mobile and tablet .Also added media queries in style.css .

@alirezatayebinejad
Copy link
Owner

hi nice work. but there are some issues I wish you fix it.
the burger menu does not have a close btn
the page is not responsive bellow 500px screen width i think it is because of the products. you can make it one column in mobile or the width of the product can be max width so it can be lower if screen push it.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants