Evaluación final de Maquetación del Módulo 1 del bootcamp de Desarrollo front-end de @Adalab.
-
Updated
Dec 3, 2020 - SCSS
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)_
Evaluación final de Maquetación del Módulo 1 del bootcamp de Desarrollo front-end de @Adalab.
a fully responsive website using Html, Sass, and Javascript
First project in Adalab to show the team members information, with 2 pages: Home (team info), and Contact page (containing a contact form). We include additional features such as personal style (Stranger Things theme and animated logo) and use of english language.
Samsung-Clone
This mock website project was built using HTML, CSS & Javascript. It was also used to practice concepts like responsive web design (media queries) and css flexbox
This is a demo project for understanding basic fundamentals and functionalities of the Syntactically Awesome Style Sheets (SASS) also known as 'SCSS'.
I have created a Temperature Converter (Celsius - Fahrenheit). Project is based on HTML, CSS/Sass and JavaScript.
Anonymous Proxy Design Web Page
Hotel Listing Info Page using Sass, a flexbox layout, and responsive design.
SPRINT 1: PODCATS LADING PAGE
A simple 3-column preview card component code challenge to Frontend Mentor
SCSS function responsive-value. It is intended to handle responsive CSS property values without using media queries.
Fully responsive fictional AI company website styled with SCSS and JavaScript. Optimized for performance, accessibility, and SEO using Lighthouse open-source webpage auditing tool
Hello, My name is Zain Sadaqat and this is my first module's capstone project in microverse. In this project, I've used HTML, CSS, JS best practices and apply DRY principle. This project is all about cyber security seminar / conference.
This is my school project portfolio( not my current ) website made in the first year of my studies created in HTML, CSS using media queries to make site responsive.
Frontend Mentor - Base Apparel Coming Soon Page
A Sass landing page to help me learn the basics of how to use a preprocessor scripting language.
Created by Håkon Wium Lie, W3C
Released June 19, 2012