Welcome to the most extensive collection of device-specific CSS media queries available on GitHub. This repository aims to assist frontend developers in creating responsive and optimized web designs that cater to a wide variety of devices, including but not limited to smartphones, tablets, laptops, and smartwatches.
If you're aiming to fine-tune your website for every model of iPhone or ensure your design looks perfect on the latest tablets, this collection has got you covered.
- Media queries for 236 different devices including mobiles, tablets, laptops, and smartwatches.
- Includes queries for various screen sizes, resolutions, and orientations.
- Organized and easy-to-navigate documentation.
- Designed to be a comprehensive starting point for responsive web design.
To incorporate these media queries into your project:
- Go to the media_queries.css file and copy-paste the CSS media query snippets you want inside your CSS file.
- Clone the repository or download the CSS file directly.
- Link to the CSS file in your HTML document, or copy the required media queries into your existing CSS file.
- Customize the styles within each media query block to suit your design needs.
Your contributions are welcome! If you have suggestions for additional devices or improvements to existing queries, please open an issue or submit a pull request.
This project is released under the MIT License. Feel free to use it in both personal and commercial projects. I only ask that you give credit where it's due.
This project was initiated and maintained by BaranDev. Special thanks to all contributors to come.