In this Repository, I have created some files including a lot of forms like - Registration Forms,ogin Forms, Contact US Forms etc.
-
Updated
Jul 1, 2024
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:
@media
and @import
at-rules<style>
, <link>
, <source>
, and other HTML elements with the media=
attributeWindow.matchMedia()
and EventTarget.addEventListener()
methodsA 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.
* **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.
* **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)_
In this Repository, I have created some files including a lot of forms like - Registration Forms,ogin Forms, Contact US Forms etc.
A landing page about traveling.
📸 Sliding action script
Um card com os links das minhas redes sociais.
A note-taking React App.
Simple and powerful breakpoints for styled components and emotion.
E-commer challenge for grupo Axo
A clone of Google's homepage using HTML and CSS would consist of a minimalist design featuring a central search bar with rounded edges, a simple logo above it, and aligned buttons below, all centered on a plain white background.
Anonymous Proxy Design Web Page
An example app to show how CSS Media Queries work in React Native.
A challenge from Frontend Mentor. Implemented using HTML5 and Sass framework. Made responsive using media query.
Svelte component and helper functions for creating easy responsive layouts with CSS media queries.
Welcome to my portfolio website, where you can see some of the projects, I have worked on using React JS and CSS animations. I created a interactive and responsive websites that showcase my skills and creativity. You can browse through my portfolio by clicking on the links below.
This project is an Instagram clone built as a full-stack web application, featuring a React front end and Firebase backend.
Web Development(Html,CSS,JS)
Responsive Web Design Project for FreeCodeCamp (3 of 5)
Create Responsive Facebook Clone For CSS Final Task..
A landing page about educational techniques and statistics in teaching.
Created by Håkon Wium Lie, W3C
Released June 19, 2012