💆🏻 Frizz free, context-aware, JavaScript modules

📱 💻 Define your breakpoints and build responsive design semantically and declaratively in a mobile-first way with Vue.

Control JS with mediaqueries

A React HOC with mediaqueries for responsive layout

A package that provides a responsive context to your application, using React Context API.

My Videos is a responsive React.js application with video sections, custom categories, channel pages, and can play videos directly from this app.

📏 A reasonable breakpoint scale using @Custom-Media

I created a great web site using the Grid property, which is one of the powerful features of Css. You will definitely like it. ✔

This repository serves as a resource for web developers who want to create a portfolio website that adapts to different screen sizes and devices. It offers a structured HTML file and related assets, such as CSS and image files, along with a set of guidelines and best practices for implementing a responsive design.

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

Merge media queries (@media), @supports, and other duplicate At-rules together under a single block.

In this project, we clone the Next Web homepage using semantic HTML5 elements appropriately sized and positioned. We made the background with images and gradients. Build with HTML and CSS.

Turns human readable breakpoints into correct mediaqueries

During my 6-week virtual internship with Motioncut, I created a sleek, animated login page using HTML, CSS, and media queries. This frontend project was designed to be visually engaging and responsive, serving as the foundation for a more extensive web application I plan to develop in the future.

All css media queries for various devices

Tailwind v3+ plugin that adds various missing media query variants.

React component for manipulate media queries

A Versatile Media Query List Manager for React

Desafio Frontend Mentor - 3 Column Preview Card Component.

This project consists of replicating the The Next Web website putting emphasis on how it behaves differently depending on the size of the screen where the website is rendered.