Solution to the Social links profile challenge on Frontend Mentor(https://www.frontendmentor.io/challenges/social-links-profile-UG32l9m6dQ).
-
Updated
Jul 4, 2024 - HTML
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)_
Solution to the Social links profile challenge on Frontend Mentor(https://www.frontendmentor.io/challenges/social-links-profile-UG32l9m6dQ).
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.
Final-Task-Responsive-Course
E-commerce site made using Django and Javascript
Web Studio - Responsive Design
This is the repository containg all files related to "Coursera (Html Css and JavaScript Course) Module 2".
This is code for my personal website with my portfolio that I've included on my profile in LinkedIn. It includes a media query for mobile devices.
I created this website to express the movie's strengths and influence while giving a history lesson on how much more powerful Barbie is than people realize. The website includes a media query for mobile devices and parallax items.
Activist Toolkit LGBTQIA+ Community - Best for Desktop Browser & Works with Mobile Devices in Landscape. It is also published in the Girls Who Code Project Gallery.
using html and css ( responsive with media queries for mobile ,medium and large devices )
using html and css ( responsive with media queries for mobile and tablet )
using html and css ( responsive with media queries for mobile and tablet )
coffeeshop sample
Hamburger Menu creato utilizzando Javascript.
ES6 class and jQuery Plugin to get the current Device Type and Display Type of a Browser while making CSS Breakpoints available in JavaScript.
Assignment 2 for Make a Responsive Website about World Cup
Created by Håkon Wium Lie, W3C
Released June 19, 2012