Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
Media Queries
Media Queries are a way to target browsers by certain characteristics, features, and user preferences, then apply styles, or run other code based on those things. They are a key part of responsive web design, as they allow you to create different layouts depending on the size of the viewport, but they can also be used to detect other things about the environment your site is running on, for example whether the user is using a touchscreen rather than a mouse. Media queries are used for the following:
- conditionally apply styles with the CSS
@mediaand@importat-rules - target specific media for the
<style>,<link>,<source>, and other HTML elements with themedia=attribute - test and monitor media states using the
Window.matchMedia()andEventTarget.addEventListener()methods
A media query is composed of an optional media type and any number of media feature expressions, which may optionally be combined in various ways using logical operators.
- Media types define the broad category of device for which the media query applies. The type is optional except when using the not or only logical operators.
- all: Suitable for all devices.
- print: Intended for paged material and documents viewed on a screen in print preview mode.
- screen: Intended primarily for screens.
- Media features describe a specific characteristic of the user agent, output device, or environment. Media Queries Level 4 groups 18 media features into 5 categories.
- Viewport/Page Characteristics
- Display Quality
- Color
- Interaction
- Video-prefixed: The spec references user agents, including TVs, that render video and graphics in two separate planes that each have their own characteristics. (upcoming Media Queries Level 5)
- Logical operators can be used to compose a complex media query: not, and, and only. You can also combine multiple media queries into a single rule by separating them with commas.
- GitHub: https://github.com/topics/media-queries
- Wikipedia: https://en.wikipedia.org/wiki/Media_queries
- Created by: Håkon Wium Lie, W3C
- Released: June 19, 2012
- Related Topics: responsive-design, container-queries, client-hints, css-breakpoints, css-viewport,
- Aliases: media-query,
- Last updated: 2025-01-21 00:13:49 UTC
- JSON Representation
https://github.com/evrone/postcss-px-to-viewport
A plugin for PostCSS that generates viewport units (vw, vh, vmin, vmax) from pixel units. The best choice to create a scalable interface on different displays by one design size.
css-scale media-queries mobile-design pixel-units postcss rem-units taro vh viewport-units vw
Last synced: 21 Jan 2025
https://github.com/artsy/fresnel
An SSR compatible approach to CSS media query based responsive layouts for React.
media-queries nextjs react react-18 responsive ssr
Last synced: 14 Jan 2025
https://github.com/googlechromelabs/dark-mode-toggle
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
custom-elements custom-elements-v1 dark-mode dark-mode-switcher dark-mode-toggle dark-theme dark-theme-switcher dark-theme-toggle media-queries prefers-color-scheme supported-color web-components
Last synced: 15 Jan 2025
https://github.com/GoogleChromeLabs/dark-mode-toggle
A custom element that allows you to easily put a Dark Mode 🌒 toggle or switch on your site:
custom-elements custom-elements-v1 dark-mode dark-mode-switcher dark-mode-toggle dark-theme dark-theme-switcher dark-theme-toggle media-queries prefers-color-scheme supported-color web-components
Last synced: 28 Oct 2024
https://github.com/renatorib/react-sizes
:left_right_arrow: Hoc to easily map window sizes to props.
high-order-component hoc media-queries react responsive
Last synced: 18 Jan 2025
https://github.com/mg901/styled-breakpoints
Simple and powerful breakpoints for styled components and emotion.
breakpoint breakpoints css-in-js css-in-react emotion media media-queries media-query preact react responsive-design responsive-layout styled-components styled-media-query typescript
Last synced: 16 Jan 2025
https://github.com/stowball/eqio
A simple, tiny alternative to element/container queries
container-queries css element-queries javascript media-queries responsive-design
Last synced: 18 Jan 2025
https://github.com/flexdinesh/react-socks
🎉 React library to render components only on specific viewports 🔥
breakpoints library media-queries react viewport
Last synced: 19 Jan 2025
https://github.com/wswmsword/postcss-mobile-forever
一款 PostCSS 插件，将固定尺寸的视图转为可跟随宽度变化而等比例伸缩的视图。To adapt different displays by one mobile viewport.
css css-scale media-queries mobile-design mobile-first mobile-forever pixel-units postcss postcss-px-to-viewport responsive-web-design viewport-units
Last synced: 18 Jan 2025
https://github.com/lolmaus/breakpoint-slicer
Slice media queries with ease
breakpoint breakpoint-slicer breakpoints media-queries media-query responsive-design responsive-web-design sass sass-mixins scss scss-mixins
Last synced: 20 Jan 2025
https://github.com/valexr/slidy
📸 Sliding action script
animations carousel easings javascript malinajs media-queries reactjs slider slideshow solidjs sveltejs typescript vuejs webcomponent
Last synced: 17 Jan 2025
https://github.com/kristerkari/react-native-css-modules
Style React Native components using CSS, PostCSS, Sass, Less or Stylus.
css css-modules css-variables less media-queries postcss react-native sass stylus viewport-units
Last synced: 21 Jan 2025
https://github.com/jnavith/tailwindcss-theme-variants
Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS
css-selectors dark-mode media-queries prefers-color-scheme tailwindcss tailwindcss-plugin theming
Last synced: 27 Dec 2024
https://github.com/JNavith/tailwindcss-theme-variants
Media-query- or JavaScript-based theme variants with fallback for Tailwind CSS
css-selectors dark-mode media-queries prefers-color-scheme tailwindcss tailwindcss-plugin theming
Last synced: 30 Oct 2024
https://github.com/yunusga/postcss-sort-media-queries
PostCSS plugin for sorting and combining CSS media queries with mobile-first / desktop-first methodologies.
combine-media-query css css-mqpacker css-optimizations desktop-first media-queries mediaquery mobile-first mq node-css-mqpacker postcss postcss-plugin responsive-css sort sort-media-query
Last synced: 17 Jan 2025
https://github.com/Dan503/mq-scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
aspect-ratio breakpoint breakpoints device-ratio media media-queries mixin mixins mq-scss mq-variable query ratio responsive sass scss scss-mixins
Last synced: 06 Dec 2024
https://github.com/dan503/mq-scss
Extremely powerful Sass media query mixin. Allows you to create almost any media query you can imagine.
aspect-ratio breakpoint breakpoints device-ratio media media-queries mixin mixins mq-scss mq-variable query ratio responsive sass scss scss-mixins
Last synced: 17 Jan 2025
https://github.com/mvrlin/nuxt-viewport
🌈 Define custom viewports for your Nuxt project
media-queries nuxt nuxt-module viewport
Last synced: 01 Nov 2024
https://github.com/mantoufan/yzhanreactresponsivecontent
A powerful and flexible React component for creating responsive content with automatic media query generation. 为响应式内容自动生成媒体查询
media-queries nextjs responsive seo ssr yzhan1kb
Last synced: 17 Jan 2025
https://github.com/envato/react-breakpoints
Respond to changes in a DOM element's size. With React Breakpoints, element queries are no longer "web design's unicorn" 🦄
breakpoints element-queries hooks media-queries performance react react-hooks resize-observer
Last synced: 06 Nov 2024
https://github.com/ryanve/actual
Determine actual CSS media query breakpoints via JavaScript
breakpoints javascript media-queries media-query
Last synced: 27 Oct 2024
https://github.com/ashwin7mak/hipster-startup-website
A single page static website template for a startup company.
bootstrap3 css3 html5 media-queries
Last synced: 11 Oct 2024
https://github.com/black7375/fluid-size
:triangular_ruler::iphone::computer::desktop_computer: A method of fluidly resizing in various devices based on visual angle. (with SASS) :revolving_hearts: :eyes:
breakpoint breakpoints design media-queries responsive sass scss
Last synced: 11 Nov 2024
https://github.com/black7375/Fluid-Size
:triangular_ruler::iphone::computer::desktop_computer: A method of fluidly resizing in various devices based on visual angle. (with SASS) :revolving_hearts: :eyes:
breakpoint breakpoints design media-queries responsive sass scss
Last synced: 14 Nov 2024
https://github.com/andrew--r/breakpoint
A tiny API wrapper around window.matchMedia
api-wrapper media-queries microjs
Last synced: 19 Nov 2024
https://github.com/kimmelsg/cj-resized
Return different values based on browser width
media media-queries react width
Last synced: 13 Nov 2024
https://github.com/ahmadawais/styled-responsive-media-queries
Responsive Media Queries for Emotion styled or styled-components — Standard size from Chrome DevTools.
css-in-js emotion media-queries responsive styled styled-components
Last synced: 19 Oct 2024
https://github.com/levchak0910/css-media-splitter
The tool extracts all media at-rules into dedicated files and download them only when the user device matches the media query.
css media-queries nuxt nuxt-module vite vite-plugin
Last synced: 31 Oct 2024
https://github.com/jofftiquez/vue-media-query-mixin
A vue mixin to get current media query, xs, sm, md and lg.
hacktoberfest media-queries mixins vue vue-mixin vuejs vuejs2
Last synced: 21 Oct 2024
https://carlosigreda.github.io/Awesome-Books/
In this project, I will build a basic website that allows users to add/remove books from a list. I will achieve that by using JavaScript objects and arrays. I will also need to dynamically modify the DOM and add basic events.
css dom-manipulation flexbox grid-layout html javascript media-queries
Last synced: 09 Jan 2025
https://github.com/elforastero/pulsar-core
🚀 Handy dynamic styles utilities for React Native and React Native Web.
dynamicstylesheet media-queries pulsar pulsar-core react react-native-web recat-native stylesheet variants
Last synced: 28 Oct 2024
https://github.com/carlosigreda/awesome-books
In this project, I will build a basic website that allows users to add/remove books from a list. I will achieve that by using JavaScript objects and arrays. I will also need to dynamically modify the DOM and add basic events.
css dom-manipulation flexbox grid-layout html javascript media-queries
Last synced: 09 Jan 2025
https://carlosigreda.github.io/Awesome-Books-ES6/
In this project, I will restructure your Awesome books app code. The goal is to make it more organized by using modules. I will also practice the ES6 syntax that I have learned.
css dom-manipulation es6 html javascript media-queries
Last synced: 09 Jan 2025
https://github.com/bloczjs/react-responsive
🔍 <Only /> displays some contents for particular screen sizes
breakpoints display javascript media-queries react responsive
Last synced: 18 Nov 2024
https://github.com/nash403/fine-mq
A fine API to manage media queries in JS with ease. It has first-class integration with VueJS.
matchmedia media-queries media-query mobile mobile-first mq nuxt nuxt-mq responsive rwd vue-plugin
Last synced: 02 Nov 2024
https://github.com/carlosigreda/capstone-project
In this capstone project, I'm going to build is based on an online website for a conference using HTML, CSS and JavaScript.
css dom-manipulation flexbox grid-layout html javascript media-queries
Last synced: 09 Jan 2025
https://github.com/mosalem149/online-exam-platform_debi-project
A modern, responsive online exam platform featuring sign-up/login functionality, timed exams, progress tracking, flagged questions, and result submission. Built with HTML, CSS, and JavaScript for an interactive and user-friendly experience.
animated-gif api bootstrap5 css3 flex font-awesome front-end-development google-fonts html5 javascript keyframe-animation localstorage media-queries online-exam-system online-examination-system responsive signup-login-page web-design web-development
Last synced: 10 Oct 2024
https://github.com/MoSalem149/online-exam-platform_DEBI-Project
A modern, responsive online exam platform featuring sign-up/login functionality, timed exams, progress tracking, flagged questions, and result submission. Built with HTML, CSS, and JavaScript for an interactive and user-friendly experience.
animated-gif api bootstrap5 css3 flex font-awesome front-end-development google-fonts html5 javascript keyframe-animation localstorage media-queries online-exam-system online-examination-system responsive signup-login-page web-design web-development
Last synced: 19 Jan 2025
https://github.com/kristerkari/react-native-css-modules-with-media-queries-example
An example app to show how CSS Media Queries work in React Native.
css css-modules demo-app example example-app media-queries react-native
Last synced: 29 Oct 2024
https://github.com/nicolas-cusan/breakpoint-helper
Small helper library to work with layout breakpoints in Javascript.
breakpoint breakpoint-changes breakpoint-helper css css-breakpoints layout-breakpoints media-queries responsive responsive-design sass
Last synced: 28 Oct 2024
https://github.com/ahmadrezamozaffary/belfius-banking
HTML - CSS - JS 🏅
arrow-functions countdown css-flexbox css-variables css3 currency-converter date-time es6 html5 intl-api javascript loan login-page logout media-queries responsive-web-design statistics this-keyword transfer-money
Last synced: 14 Nov 2024
https://github.com/abongsjoel/afcon2022-cameroon
A 3-page website built using semantic HTML5 elements, Bootstrap4 as well as plain CSS3. The pages start with a header section that uses the Bootstrap4 navbar classes to make it responsive.
bootstrap4 css3 flex-box html5 media-queries
Last synced: 07 Nov 2024
https://github.com/alejandroq12/polyglot-talk
As a polyglot who speaks French, Spanish, English, and Chinese, I am excited to share my experiences and insights on the importance of language learning in today's global society. In my talk, I will explore how learning multiple languages can broaden our perspectives, foster empathy and understanding, and open up new opportunities.
accessibility css dom-manipulation event-listeners html javascript linters media-queries responsive-web-design version-control
Last synced: 10 Nov 2024
https://github.com/dolbilov/mesto-project
Course project of Yandex.Practicum. Theme: Adaptive and responsive make up, API, OOP.
adaptive-design css flexbox form-validation grid html js live-validation media-queries webpack5
Last synced: 17 Nov 2024
https://github.com/getninjas/dhalsim-js
Dhalsim is a media query for javascript
es6 javascript-library media-queries responsive
Last synced: 04 Dec 2024
https://github.com/kiosion/svelte-breakpoints
Svelte component and helper functions for creating easy responsive layouts with CSS media queries.
css-media-queries media-queries responsive svelte svelte-component svelte5 sveltejs sveltekit
Last synced: 31 Oct 2024
https://github.com/kristerkari/react-native-css-media-query-processor
Match style objects containing CSS Media Queries with React Native
css css-parser media-queries react-native stylesheets transform
Last synced: 29 Oct 2024
https://github.com/willy-jl/soundy
🎛 A universal minimal media controller app for Windows
discord in-portfolio media media-player media-queries soundy spotify
Last synced: 17 Nov 2024
https://github.com/codemonk-digital/vue-responsiveness
Tiny plugin for managing responsiveness breakpoints in Vue3 apps.
bootstrap5 bulma chakra-ui ionic-framework master-css material-design material-ui materializecss media-queries quasar-framework responsiveness semantic-ui skeleton ssr tailwindcss vue vue3 vuetify windicss
Last synced: 08 Nov 2024
https://github.com/diegomura/media-engine
Media queries engine written in pure JS!
engine media media-queries media-query
Last synced: 13 Oct 2024
https://github.com/hamzaezzra/multishot
A browser extension that screenshots a page in multiple media queries / device sizes with a single click.
chrome-extension extension extension-chrome javascript media-queries open-source screen-capture screenshots screenshotting
Last synced: 24 Oct 2024
https://github.com/noeldelgado/syringe.js
:syringe: Injects additional CSS at runtime
css css-rules font-face inject injection javascript keyframes media-queries styles stylesheets
Last synced: 22 Oct 2024
https://github.com/panoply/qvp
💻 A tiny (1.2kb gzipped) media query utility for programmatic control of screen viewports.
match-media media-queries responsive screen viewport
Last synced: 27 Oct 2024
https://github.com/eloytoro/react-screen-size
hoc media media-queries react screen size
Last synced: 23 Nov 2024
https://github.com/edijunior88/origamid_html_e_css_para_iniciantes
Front End, HTML, Tags, Acessibilidade, CSS, Grid Layout, Flexbox, Media Queries, Responsivo, VS Code e mais.
css css-flexbox css-grid css-grid-layout css3 html html-template html5 media-queries
Last synced: 22 Nov 2024
https://github.com/jcoreio/react-media-material-ui
An easy way to use breakpoints from your material-ui theme with react-media
material-ui media-queries react react-media responsive-design
Last synced: 05 Dec 2024
https://github.com/meltrust/html-capstone-project-shop
A beautiful and totally responsive musical instruments shop. CSS Flexbox, Grid, and Media Queries were used among other industry-standard tools. Made with HTML5 and CSS3.
Last synced: 28 Dec 2024
https://github.com/tbjgolden/media-query-parser
@ media (768px <= width) { /* parse any CSS media query */ }
media media-queries parser query typescript
Last synced: 25 Dec 2024
https://github.com/ddneat/stylebuddy
🐻 Generate encapsulated css inline styles which are extremely configurable.
at-rules class-selectors client-side-rendering css encapsulation id-selectors inline-styles json media-queries parser preprocessor pseudo-selectors react selector server-side-rendering simple tag-selectors transform transpile vendor-prefix
Last synced: 01 Dec 2024
https://github.com/adenekan41/use-responsive-query
🚀 An extremely powerful but easy to use hook for listening to media events in react.
media-queries react-hooks typescript utility
Last synced: 22 Dec 2024
https://github.com/holtwick/twindy
🌈 CSS Framework written in Stylus inspired by Tailwind and NIB
css css-framework dark-mode elegant headless media-queries responsive stylus tailwind
Last synced: 27 Oct 2024
https://github.com/vlazh/reflexy
Flexbox layout and responsive components.
css flex flexbox flexbox-layout layout media-queries react react-components react-flex react-flexbox responsive typescript
Last synced: 29 Nov 2024
https://github.com/aaronksaunders/sidemenu-topnav-ionic-react
Ionic Horizontal & SideMenu Navigation in ReactJS
ionic-framework ionic-react ionic-sidemenu ionic-topnav media-queries react reactjs
Last synced: 21 Nov 2024
https://github.com/anandchowdhary/prefers-color-scheme
🎨 Get a user's preferred color scheme using CSS @media(prefers-color-scheme)
css media-queries prefers-color-scheme typescript
Last synced: 02 Nov 2024
https://github.com/rikschennink/react-contextual-router
📱Render components based on user context
context javascript media-queries plugin react router
Last synced: 13 Oct 2024
https://github.com/TyMick/use-window-width-breakpoints
A React hook for using window width breakpoints.
breakpoints hacktoberfest hook hooks javascript media-breakpoints media-queries npm package react responsive responsive-design screen-size screen-width typescript
Last synced: 28 Oct 2024
https://github.com/chanced/schemable-svelte
svelte action for class decoration derived from media queries or user preferences.
dark-mode light-mode media-queries scheme svelte
Last synced: 23 Oct 2024
https://github.com/mattphillips/react-point-break
React CSS media queries with breakpoint render props Component and Provider. 🔫
breakpoint css media-queries react react-context render-props
Last synced: 14 Oct 2024
https://github.com/teekaytech/html-css-capstone-project
A static fully-responsive website built for a Forex Trading Company that shows a detailed description of an upcoming conference. Built with HTML5, CSS, Boostrap & Media Queries.
bootstrap4 css3 html5 media-queries
Last synced: 06 Dec 2024
https://github.com/viur-framework/gulp-join-media-queries
gulp-plugin to join media-queries
css gulp gulp-plugin join less madeindortmund mausbrand media-queries nodejs npm package viur
Last synced: 23 Oct 2024
https://github.com/epicestudar/frontend-1semestre2023
repository intended for studying FrontEnd of the Senai DEV course
bootstrap css css-flexbox flexbox frontend html html-css-javascript javascript markup-language media-queries responsive-web-design
Last synced: 18 Jan 2025
https://github.com/akramadjab/coffee-shop-landing-page
This is a landing for a Coffee Shop, that serve high-quality services including coffee, tea, and juice. This landing page is fully responsive on all devices.
css css-animations css-flexbox css-grid css-grid-layout html media-queries media-query responsive-design responsive-grid responsive-layout responsive-web-design responsive-website
Last synced: 01 Jan 2025
https://github.com/aliencreations/responsiveless
Responsive media queries for LESS
lesscss media-queries mixins orientation
Last synced: 12 Oct 2024
https://github.com/TyMick/use-window-orientation
A React hook for using window orientation.
hacktoberfest hook hooks javascript landscape media-queries npm orientation package portrait react responsive responsive-design screen-dimension screen-orientation typescript window-dimensions window-orientation
Last synced: 28 Oct 2024
https://github.com/paulonteri/web-hosting-homepage
A simple website homepage for web hosting company built with HTML, CSS and a sprinkle of Javascript.
css3 flexbox html html5 javascript media-queries website
Last synced: 14 Jan 2025
https://github.com/billykwok/facetat
A neat and efficient way to write responsive styles for CSS-in-Js libraries. Like facepaint, but even more powerful.
css css-in-js emotionjs javascript media-queries react responsive
Last synced: 19 Oct 2024
https://github.com/skyv26/portfolio
Portfolio is made with vanilla-js and I did it with my partner. I have added so many user interaction and the most importantly I made it Accessible so that disabled person can be able to navigate through my portfolio.
accessibility branches css3 flexbox-layout github-actions github-pages grid-layout html html5 javascript media-queries portfolio pull-requests responsive-web-design vanilla-js
Last synced: 30 Dec 2024
https://github.com/lukewarlow/tailwind-mq
Tailwind v3+ plugin that adds various missing media query variants.
color-gamut css dynamic-range forced-colors hacktoberfest inverted-colors media-queries mediaqueries overflow-block overflow-inline prefers-contrast prefers-reduced-data prefers-reduced-transparency scripting tailwind tailwind-variants tailwindcss tailwindcss-plugin update
Last synced: 16 Oct 2024
https://github.com/ijayabby/thenextweb-clone
This project consists of replicating The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.
css3 html5 media-queries responsive responsive-design responsive-web-design
Last synced: 10 Jan 2025
https://github.com/eddiesigner/simple-media-queries
[PostCSS] Simple and mobile first media queries made easy.
css css3 gulp javascript media-queries nodejs npm postcss
Last synced: 31 Oct 2024
https://github.com/ahmadrezamozaffary/500page
HTML - CSS - JS (GSAP) 🏅
animation border-radius cdnjs css3 figma flexbox gsap html5 media-queries path svg svg-animations
Last synced: 13 Jan 2025
https://github.com/ahmadrezamozaffary/404page
HTML - CSS - JS (GSAP)
animations cdnjs css5 figma flexbox gsap html5 media-queries svg svg-animations svg-path
Last synced: 13 Jan 2025
https://github.com/rafaelrinaldi/media-queries
:arrow_up_down: CSS media queries based on Zurb's Foundation breakpoints
breakpoint cssnext media-queries myth zurb-foundation
Last synced: 29 Oct 2024
https://github.com/ahmadrezamozaffary/email-template
HTML - Inline CSS
box-sizing css-reset css-variables css3 flex html5 internal-css media-queries mobile-first-css responsive
Last synced: 14 Nov 2024
https://github.com/pixelize/react-styled-mediaquery
Simple and practical utility for managing media queries in react with styled components
breakpoints custom-breakpoints media media-queries mediaqueries mediaquery mobile queries query react responsive rwd styled-components styledcomponents tablet
Last synced: 11 Oct 2024
https://github.com/anandchowdhary/prefers-reduced-motion
🙅 Check if a user prefers reduced motion using CSS
css media-queries prefers-reduced-motion typescript
Last synced: 09 Nov 2024
https://github.com/ziad-saab/mobx-matchmedia
A MobX observable for window.matchMedia
matchmedia-api media-queries mobx react
Last synced: 07 Dec 2024
https://github.com/saddamarbaa/microsoft-homepage-clone
==> Microsoft homepage from scratch a responsive layout "Mobile First Design" using HTML5/CSS and a bit of JS, modern CSS features, and techniques including CSS grid, flexbox, and media queries .....
complete-responsive-website css-flexbox css-grid css-units css-variables media-queries
Last synced: 09 Dec 2024
https://github.com/mashamoreva/mesto-project-bootcamp
📷 Проект: "Mesto Russia"
flexbox grid-layout media-queries
Last synced: 29 Nov 2024
https://github.com/valchanoficial/instacodenation
Codenation - Módulo 2 - Mobile First: Instagram
bem bem-css css font-awesome google-fonts html html5 media-queries
Last synced: 04 Jan 2025
https://github.com/ahmed-elrashidii/mealify
"Mealify" is a responsive restaurant landing page that offers a delightful and engaging user experience. The website showcases various sections including a home page, chefs' profiles, a gallery of appetizing dishes, and a contact section.
css-pseudo-classes css-pseudo-elements css-variables css3 css3-animations dark-mode flexbox-css font-awesome html5 media-embed media-queries responsive-layout semantic-tags vendor-prefix web-development
Last synced: 21 Dec 2024
https://github.com/noahflk/react-breakout
Lightweight hook for responsive breakpoints in React components
hook media-queries react react-hooks responsive viewport
Last synced: 28 Oct 2024
https://github.com/gregorisoria/sass-mediaquery-singleline
SASS Media queries on a single line
codepen css frontend media-queries mediaquery mixins sass scss
Last synced: 15 Oct 2024
https://github.com/the-manpreet-singh/personal-web-blog
Udacity Nano-degree Program Project
css3 flexbox flexbox-grid gird-system html5 media-queries
Last synced: 10 Jan 2025
https://github.com/jomagene/recipice-page
Stylish and Responsive Recipe Page
flexbox font-face marker media-queries
Last synced: 18 Jan 2025
https://github.com/saoudi-h/tw-screens
React hooks for using Tailwind CSS breakpoints easily and efficiently.
breakpoint breakpoints css design gatsby hook hooks media-queries mediaquery nextjs npm-package pnpm react remix responsive tailwindcss web
Last synced: 15 Dec 2024
https://github.com/pktcodes/css-basics-projects
Basic Projects using CSS
animation background cascading-style-sheets colors css css-box-model css3 display git john-smilga media-queries position transition typography units
Last synced: 02 Jan 2025
