GitHub topics: media-query

Repositories

Soheiljafarnejad/use-breakpoint-agent

Detect device types with confidence — SSR-ready, layout-stable, and responsive to screen changes.

Language: TypeScript - Size: 107 KB - Last synced at: 2 days ago - Pushed at: 2 days ago - Stars: 0 - Forks: 0

mg901/styled-breakpoints

Simple and powerful breakpoints for styled components and emotion.

Language: JavaScript - Size: 11.4 MB - Last synced at: 1 day ago - Pushed at: 3 days ago - Stars: 555 - Forks: 23

marcj/css-element-queries

CSS Element-Queries aka Container Queries. High-speed element dimension/media queries in valid css.

Language: JavaScript - Size: 2.95 MB - Last synced at: 5 days ago - Pushed at: over 1 year ago - Stars: 4,262 - Forks: 488

frontendlane/responsify.dev

A CSS technique that helps developers avoid ugly layout jumps while users resize their browsers.

Language: TypeScript - Size: 96.9 MB - Last synced at: 24 days ago - Pushed at: 24 days ago - Stars: 1 - Forks: 0

fedorovvvv/svelte-media-queries

A ✨light✨ and magical Svelte component for CSS media queries🐹

Language: TypeScript - Size: 268 KB - Last synced at: 10 days ago - Pushed at: over 1 year ago - Stars: 42 - Forks: 7

ryanve/actual

Determine actual CSS media query breakpoints via JavaScript

Language: JavaScript - Size: 126 KB - Last synced at: about 23 hours ago - Pushed at: about 2 years ago - Stars: 53 - Forks: 6

ZeeCoder/container-query

A PostCSS plugin and Javascript runtime combination, which allows you to write container queries in your CSS the same way you would write media queries.

Language: JavaScript - Size: 5.03 MB - Last synced at: 8 days ago - Pushed at: over 2 years ago - Stars: 139 - Forks: 3

jill64/svelte-mq-store

📱 Create any media-query store in Svelte

Language: TypeScript - Size: 1.67 MB - Last synced at: 5 days ago - Pushed at: about 1 month ago - Stars: 0 - Forks: 0

seungyeub/awesome-web-styling

Awesome Web Styling with CSS Animation Effects ⭐️

Language: CSS - Size: 265 MB - Last synced at: 9 days ago - Pushed at: over 3 years ago - Stars: 163 - Forks: 45

yusufalqard/codepolitan-css-study-case

Study Case for Create Pricing Table with CSS Flexbox and using Bootstrap Framework from Codepolitan Full Stack Web Developer Course

Language: HTML - Size: 47.9 KB - Last synced at: about 2 months ago - Pushed at: about 2 months ago - Stars: 0 - Forks: 0

infinum/media-blender

Easy and predictable SASS/SCSS media queries

Language: SCSS - Size: 175 KB - Last synced at: about 19 hours ago - Pushed at: about 2 months ago - Stars: 26 - Forks: 4

mdsaifurrahman117/Landing-Page

A simple landing page. (complete)

Language: CSS - Size: 356 KB - Last synced at: about 8 hours ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

lolmaus/breakpoint-slicer

Slice media queries with ease

Language: SCSS - Size: 722 KB - Last synced at: 14 days ago - Pushed at: over 2 years ago - Stars: 345 - Forks: 28

<movable-element> is a custom HTML element that allows you to automatically or manually move an element in the DOM relative to another element (target) based on specified attributes. The element can be moved to various positions relative to the target element. Automatic movement occurs only under certain media query conditions.

Language: JavaScript - Size: 46.9 KB - Last synced at: 24 days ago - Pushed at: 3 months ago - Stars: 0 - Forks: 0

diegomura/media-engine

Media queries engine written in pure JS!

Language: JavaScript - Size: 46.9 KB - Last synced at: about 2 months ago - Pushed at: over 3 years ago - Stars: 13 - Forks: 4

thearnica/react-media-match

React made responsible - media queries backed by state machinery

Language: TypeScript - Size: 2.51 MB - Last synced at: 12 days ago - Pushed at: about 1 year ago - Stars: 129 - Forks: 6

Samuel-Amaro/article-preview-component

Desafio de codificação Front-End, componente de visualização de artigo.

Language: CSS - Size: 870 KB - Last synced at: 3 months ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

taiseen/personal-portfolio

Work Store Place

Language: JavaScript - Size: 948 KB - Last synced at: 3 days ago - Pushed at: 4 months ago - Stars: 2 - Forks: 0

egoist/vue-media

A CSS media query component for Vue.js

Language: JavaScript - Size: 544 KB - Last synced at: 12 days ago - Pushed at: over 2 years ago - Stars: 191 - Forks: 12

LakshayD02/Calculator

A Simple Calculator designed using HTML, CSS and JavaScript which performs basic Arithmetic Operations.

Language: CSS - Size: 296 KB - Last synced at: about 2 months ago - Pushed at: 4 months ago - Stars: 4 - Forks: 0

geliettech/Social-Links-Profile

Solution to the Social links profile challenge on Frontend Mentor(https://www.frontendmentor.io/challenges/social-links-profile-UG32l9m6dQ).

Language: HTML - Size: 6.67 MB - Last synced at: 28 days ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

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.

Language: CSS - Size: 188 KB - Last synced at: 2 months ago - Pushed at: over 2 years ago - Stars: 6 - Forks: 1

keleviss/Game-Studio-Website-Design

Responsive website using Flexbox and Media Queries

Language: CSS - Size: 4.79 MB - Last synced at: 8 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

js-bhavyansh/MediaQuery

Simple Flutter app that displays screen dimensions, aspect ratio, and orientation using MediaQuery

Language: C++ - Size: 261 KB - Last synced at: about 2 months ago - Pushed at: 8 months ago - Stars: 0 - Forks: 0

Faisal-khann/Netflix-Clone

This is a clone of Netflix (front-end) built using the concepts of HTML and Vanilla CSS. It is a properly responsive clone achievable with the assistance of CSS Media Queries.

Language: HTML - Size: 4.46 MB - Last synced at: 2 months ago - Pushed at: about 1 year ago - Stars: 3 - Forks: 0

solaris0051/coffeeShopSample

coffeeshop sample

Language: HTML - Size: 7.7 MB - Last synced at: 3 months ago - Pushed at: 9 months ago - Stars: 0 - Forks: 0

oguzcan-ayan/Creating-a-Table-with-React--Responsive--Searchable-and-Sortable

A react table application that contains users' names, surnames, e-mails, ages and some transactions, which can be searched in the table, and is also optimized for other devices.

Language: JavaScript - Size: 57.6 KB - Last synced at: 2 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

sakshishewale2808/shorturl

fullstack hosted website and as server sleeps in 15 min use cron jobs to wake up server.

Language: JavaScript - Size: 229 KB - Last synced at: 10 months ago - Pushed at: 10 months ago - Stars: 0 - Forks: 0

dogfuntom/fit-few-copies-of-picture-on-printed-page

🖼➡🖼🖼➡🖨

Language: JavaScript - Size: 165 KB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

AsrielDreemurrGM/Pratica_Do_LESS

Criado site para display de perfil - Utilizado LESS e seus plugins conforme tópicos abaixo.

Language: HTML - Size: 26.4 KB - Last synced at: 3 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

shakil-hossain450s/responsive-influencer-gear

responsive-influencer-gear

Language: HTML - Size: 1.15 MB - Last synced at: 11 months ago - Pushed at: 11 months ago - Stars: 0 - Forks: 0

themgoncalves/super-query

🎠 A super media-query for styled-components. Intuitive and easy of use.

Language: JavaScript - Size: 1.84 MB - Last synced at: 11 days ago - Pushed at: over 2 years ago - Stars: 30 - Forks: 0

balsikandar/react-pwa-template

This is a React PWA Template with setup of core libraries like unstated, axios, moments etc.

Language: TypeScript - Size: 406 KB - Last synced at: about 2 months ago - Pushed at: over 1 year ago - Stars: 7 - Forks: 1

clgrogan/My-Portfolio-Vanilla

This project is built using HTML5, and SCSS/SASS (CSS3). I specifically avoided using Bootstrap, React, Angular, Vue, or other templates, frameworks, or libraries similar to these to provide a pure HTML/CSS project.

Language: SCSS - Size: 8.44 MB - Last synced at: 12 months ago - Pushed at: 12 months ago - Stars: 0 - Forks: 0

KHkhalidhasan/leaderboard

This is our Leaderboard Website

Language: HTML - Size: 18.8 MB - Last synced at: 12 months ago - Pushed at: over 3 years ago - Stars: 0 - Forks: 0

raheemadamboev/media-query-size

Media query for Jetpack Compose to support all screen sizes

Language: Kotlin - Size: 6.5 MB - Last synced at: 18 days ago - Pushed at: over 3 years ago - Stars: 2 - Forks: 0

Dariush-Bakhtvar/Final-Task-Responsive-Course

Final-Task-Responsive-Course

Language: HTML - Size: 179 KB - Last synced at: about 1 year ago - Pushed at: about 1 year ago - Stars: 1 - Forks: 0

xavadu/js-responsive-css-detection

Language: JavaScript - Size: 2.93 KB - Last synced at: about 1 year ago - Pushed at: over 8 years ago - Stars: 0 - Forks: 0

edegan-furb/Alura-Media-Query

Responsive Web Design with Media Queries

Language: HTML - Size: 453 KB - Last synced at: about 1 month ago - Pushed at: about 1 year ago - Stars: 0 - Forks: 0

dvpnt/styled-media-helper

:nail_care: Helps manage media queries with styled components

Language: JavaScript - Size: 1.42 MB - Last synced at: 1 day ago - Pushed at: over 2 years ago - Stars: 76 - Forks: 2

javidrashkhansoi/responsive-value

SCSS function responsive-value. It is intended to handle responsive CSS property values without using media queries.

Language: SCSS - Size: 12.7 KB - Last synced at: 3 months ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

songsterr/postcss-unwrap-mq

PostCSS plugin to extract matched media queries to their parents

Language: JavaScript - Size: 1.09 MB - Last synced at: about 8 hours ago - Pushed at: over 1 year ago - Stars: 2 - Forks: 0

thesparrow/Responsive-Web

Responsive design navigation creation

Language: CSS - Size: 2.93 KB - Last synced at: over 1 year ago - Pushed at: almost 9 years ago - Stars: 1 - Forks: 0

NandaAdisaputra/Web-Profile

Repository Submission Final Project Dicoding Kelas Belajar Dasar Pemrograman Web Rating 5 ( Silahkan buat referensi namun jangan plagiarisme ya )

Language: CSS - Size: 2.72 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

parsfront/web-project-5

Educational website | وبسایت آموزشی

Language: CSS - Size: 5.4 MB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

feross/color-scheme-change

Detect system color scheme changes on the web (Dark Mode)

Language: JavaScript - Size: 4.88 KB - Last synced at: 8 days ago - Pushed at: about 5 years ago - Stars: 58 - Forks: 5

hayaabduljabbar/Responsive-Navigation-Bar

I have Created a Responsive Navigation Bar Using HTML, CSS & JavaScript.

Language: CSS - Size: 25.4 KB - Last synced at: over 1 year ago - Pushed at: over 2 years ago - Stars: 3 - Forks: 0

articulate/react-with-responsive 📦

📱↔️ 🖥️ Responsive Media Query Higher-Order Component (HOC) for React

Language: JavaScript - Size: 394 KB - Last synced at: about 23 hours ago - Pushed at: about 6 years ago - Stars: 7 - Forks: 0

freshesx/humans 📦

Humans is designed for mobile and desktop for human users. And it is vue-based implementation. To help developer to build UI quickly.

Language: Vue - Size: 3.33 MB - Last synced at: 1 day ago - Pushed at: over 6 years ago - Stars: 13 - Forks: 8

tahmid-sarker-mahi/Web-Design-Agency

:globe_with_meridians: This repository hosts a modern and stylish website showcasing the services of a Creative Design Agency.

Language: HTML - Size: 1.95 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Sayed-Anawer/Leader-Board

Responsive Landing page Design only HTML & CSS

Language: HTML - Size: 2.55 MB - Last synced at: over 1 year ago - Pushed at: almost 4 years ago - Stars: 0 - Forks: 0

nozibuddowla/bootstrap_tinyone

A fully responsive website of a small psd . converted psd to boostrap. This is my first responsive and mobile fast website. created using with html5, css3, bootstrap4

Language: HTML - Size: 1.89 MB - Last synced at: over 1 year ago - Pushed at: over 5 years ago - Stars: 0 - Forks: 0

nozibuddowla/agency_business

Agency Business is a single page flat bootstrap responsive web template. You can use this template for any type of website. This web template is built in a fancy style however it can be used as per the user requirements.

Language: CSS - Size: 3.34 MB - Last synced at: over 1 year ago - Pushed at: over 5 years ago - Stars: 0 - Forks: 0

baselserhan/personal-portfolio-website

This is a personal portfolio website with responsive design using HTML, CSS, Media Query

Language: CSS - Size: 568 KB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

raiseandfall/broccoli-combine-mq

Broccoli plugin to combine media queries

Language: CSS - Size: 62.5 KB - Last synced at: 2 days ago - Pushed at: almost 8 years ago - Stars: 0 - Forks: 0

felixicaza/windicss-media-interaction 📦

Windi CSS plugin for add media interaction variants

Language: JavaScript - Size: 72.3 KB - Last synced at: 2 days ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

Valik3201/goit-markup-hw-07

Web Studio - Responsive Design

Language: HTML - Size: 9.36 MB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

DanialShah11/module2-assignment

This is the repository containg all files related to "Coursera (Html Css and JavaScript Course) Module 2".

Language: HTML - Size: 6.84 KB - Last synced at: almost 2 years ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 0

JayHoltslander/jays-css-px-counter

Browser window dimensions via CSS

Language: CSS - Size: 113 KB - Last synced at: almost 2 years ago - Pushed at: almost 8 years ago - Stars: 1 - Forks: 0

exiguus/js.device.selector 📦

ES6 class and jQuery Plugin to get the current Device Type and Display Type of a Browser while making CSS Breakpoints available in JavaScript.

Language: HTML - Size: 2.89 MB - Last synced at: 13 days ago - Pushed at: over 2 years ago - Stars: 11 - Forks: 3

cyberfolk/html-css-responsive

Language: CSS - Size: 3.22 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

buildinamsterdam/use-match-media

Stateful hook that uses the matchMedia API.

Language: TypeScript - Size: 1.37 MB - Last synced at: 24 days ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

vishakha868/Epam-Training-Task

Home assignment for the Html and CSS

Language: JavaScript - Size: 86.3 MB - Last synced at: over 1 year ago - Pushed at: almost 2 years ago - Stars: 0 - Forks: 1

andrey-hohlov/media-breakpoints 📦

JavaScript analog of Bootstrap SCSS media breakpoints mixins.

Language: JavaScript - Size: 467 KB - Last synced at: 8 days ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

lucaspmatos/news-website-homepage

A simple layout for a news website homepage using responsive web design

Language: HTML - Size: 5.49 MB - Last synced at: about 1 year ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0

ruanvsrateira/weather-challenge-frontend

Language: TypeScript - Size: 219 KB - Last synced at: about 2 years ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

nash403/fine-mq

A fine API to manage media queries in JS with ease. It has first-class integration with VueJS.

Language: TypeScript - Size: 2.58 MB - Last synced at: 7 days ago - Pushed at: over 2 years ago - Stars: 22 - Forks: 4

piotrmaliga-git/Temperature-Converter--Celsius-Fahrenheit

I have created a Temperature Converter (Celsius - Fahrenheit). Project is based on HTML, CSS/Sass and JavaScript.

Language: SCSS - Size: 1.4 MB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

JudahSan/finance_management_app

A finance management app.

Language: Dart - Size: 2.77 MB - Last synced at: 22 days ago - Pushed at: about 2 years ago - Stars: 0 - Forks: 0

KarlenNersisyan/responsive-design-small-app

Responsive Design

Language: CSS - Size: 2.93 KB - Last synced at: over 1 year ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

Jungwoo-An/split-media-query-plugin

[EXPERIMENT] Webpack plugin for splitting media query into multiple css files

Language: TypeScript - Size: 35.4 MB - Last synced at: 3 months ago - Pushed at: over 4 years ago - Stars: 2 - Forks: 0

guilhermeSDB/CSS-Grid

Aprendizado de CSS Grid: Grid-template-area, Grid-area, Grid-column, Grid-row e Media Queries

Language: CSS - Size: 1.82 MB - Last synced at: over 2 years ago - Pushed at: over 3 years ago - Stars: 1 - Forks: 0

blackcater/vue-media-query 📦

A media query component for vue.

Language: JavaScript - Size: 106 KB - Last synced at: 10 days ago - Pushed at: almost 7 years ago - Stars: 0 - Forks: 0

denis-sokolov/media-query-props 📦

Use native CSS media queries to customize component props

Language: TypeScript - Size: 104 KB - Last synced at: 21 days ago - Pushed at: almost 5 years ago - Stars: 0 - Forks: 0

kopepasah/sass-media-query-stack 📦

Sass mixin which builds media queries, from simple to complex.

Language: CSS - Size: 19.5 KB - Last synced at: 23 days ago - Pushed at: almost 8 years ago - Stars: 0 - Forks: 0

jibranabduljabbar/Ecommerce-Registered-Login-UI

Ecommerce Registered & Login UI Using HTML, CSS & Media Query.

Language: CSS - Size: 83 KB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 1 - Forks: 0

yusuf-khan-swd/-influencer-gear

Responsive Website With HTML and CSS Media Query, Grid FlexBox

Language: HTML - Size: 1.14 MB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

ktsn/vue-media-loader

Enable `media` attribute on Vue SFC styles

Language: TypeScript - Size: 1.42 MB - Last synced at: 24 days ago - Pushed at: over 2 years ago - Stars: 47 - Forks: 2

MESHACKKIBET/assignment-002-css-grid-layout-with-media-query

Assignment-002

Language: HTML - Size: 6.84 KB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0

shakhzodbekbobobekov/Web-Apps-for-Bots-Booked-Restaurant

This is Web Apps for Bots. Telegram bots can completely replace any website. "With Web Apps, bots get a whole new dimension. Bot developers can create infinitely flexible interfaces with JavaScript, the most widely used programming language in the world."

Language: JavaScript - Size: 1.37 MB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 1 - Forks: 0

saddamarbaa/leon-agency-website

==> Agency Website from scratch a responsive layout "Mobile First Design" built with HTML5/CSS and a bit of JS for the menu. in this project, I learned more about modern CSS features and techniques including CSS grid, flexbox, and responsive media queries .....

Language: CSS - Size: 1.64 MB - Last synced at: 2 months ago - Pushed at: about 4 years ago - Stars: 1 - Forks: 2

susmoysaha6/world-cup-live-score

Language: HTML - Size: 258 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

iamahmeriqbal/flutter_responsive_dashboard

Flutter Responsive Admin Panel or Dashboard

Language: Dart - Size: 138 KB - Last synced at: 5 months ago - Pushed at: about 3 years ago - Stars: 0 - Forks: 0

susmoysaha6/leader-board-css3

Language: HTML - Size: 2.55 MB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

yusuf-khan-swd/world-cup

Assignment 2 for Make a Responsive Website about World Cup

Language: HTML - Size: 245 KB - Last synced at: about 2 years ago - Pushed at: almost 3 years ago - Stars: 0 - Forks: 0

shakhzodbekbobobekov/SIRDARYO-VILOYAT-SANITAR-EPIDIMIOLOGIK

This site was created for the SYRDARYA SANITARY EPIDIMIOLOGICAL PEACE AND COMMUNITY ASSOCIATION. I worked this site with admin panel

Language: JavaScript - Size: 9.51 MB - Last synced at: about 2 years ago - Pushed at: about 3 years ago - Stars: 1 - Forks: 0

kni9ht/Django-site-E-commerce

E-commerce site made using Django and Javascript

Language: HTML - Size: 13.2 MB - Last synced at: over 1 year ago - Pushed at: over 1 year ago - Stars: 0 - Forks: 0

Deepu2560/weather-app

This is a solo react web application. In this web application you can search for weather app of city you want. In main screen you will see a box of content in which you will see three sides at top navbar, at left city detail box and at right week details.

Language: JavaScript - Size: 1.99 MB - Last synced at: over 2 years ago - Pushed at: over 2 years ago - Stars: 0 - Forks: 0