{"id":26409322,"url":"https://github.com/barandev/media-queries","last_synced_at":"2026-04-11T20:40:04.092Z","repository":{"id":231741286,"uuid":"782594094","full_name":"BaranDev/Media-Queries","owner":"BaranDev","description":"A collection of CSS media queries implemented for 236 different devices including mobiles, tablets, watches, and laptops. Perfect for developers seeking to create responsive designs that cater to a wide array of screen sizes and resolutions.","archived":false,"fork":false,"pushed_at":"2024-05-02T14:37:03.000Z","size":7,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-05-03T01:37:31.622Z","etag":null,"topics":["collection","css","css-media-queries","dataset","datasets","media-queries"],"latest_commit_sha":null,"homepage":"","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/BaranDev.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null}},"created_at":"2024-04-05T16:04:56.000Z","updated_at":"2024-05-02T14:37:07.000Z","dependencies_parsed_at":"2024-04-05T17:31:33.391Z","dependency_job_id":"fe03109c-6e4b-4036-b178-a473b83ef8dc","html_url":"https://github.com/BaranDev/Media-Queries","commit_stats":null,"previous_names":["barandev/media-queries"],"tags_count":1,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BaranDev%2FMedia-Queries","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BaranDev%2FMedia-Queries/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BaranDev%2FMedia-Queries/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/BaranDev%2FMedia-Queries/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/BaranDev","download_url":"https://codeload.github.com/BaranDev/Media-Queries/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244094268,"owners_count":20397020,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["collection","css","css-media-queries","dataset","datasets","media-queries"],"created_at":"2025-03-17T19:19:57.511Z","updated_at":"2025-10-16T00:02:25.092Z","avatar_url":"https://github.com/BaranDev.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# CSS Media Queries Collection\n\nWelcome 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.\n\nIf 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.\n\n## What's Inside?\n\n- Media queries for **236 different devices** including mobiles, tablets, laptops, and smartwatches.\n- Includes queries for various **screen sizes, resolutions, and orientations**.\n- Organized and easy-to-navigate documentation.\n- Designed to be a comprehensive starting point for **responsive web design**.\n\n## How to Use\nTo incorporate these media queries into your project:\n### Way 1:\n1. Go to the [media_queries.css](https://github.com/BaranDev/Media-Queries/blob/c6bbc20d319bb2d15eb4c1bc4b4927365e530dc9/media_queries.css) file and copy-paste the CSS media query snippets you want inside your CSS file.\n\n### Way 2:\n1. Clone the repository or download the CSS file directly.\n2. Link to the CSS file in your HTML document, or copy the required media queries into your existing CSS file.\n3. Customize the styles within each media query block to suit your design needs.\n\n## Contribution\n\nYour contributions are welcome! If you have suggestions for additional devices or improvements to existing queries, please open an issue or submit a pull request.\n\n## License\n\nThis 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.\n\n## Credits\n\nThis project was initiated and maintained by [BaranDev](https://github.com/BaranDev). Special thanks to all contributors to come.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbarandev%2Fmedia-queries","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbarandev%2Fmedia-queries","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbarandev%2Fmedia-queries/lists"}