Homework Help is Here – Start Your Trial Now!
Engineering
Computer Science
SS. REQUIRED.

SS. REQUIRED.

New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
6th Edition
ISBN:9781305503922
Author:Patrick M. Carey
Publisher:Patrick M. Carey
Chapter6: Working With Tables And Columns: Creating A Program Schedule For A Radio Station
Section: Chapter Questions
Problem 6CP4
See similar textbooks
icon
Related questions
Question

CSS. REQUIRED. 

 

CSS Requirements Create three break points using media queries in at least one style sheet to alter the way your website looks on small, medium and large devices o it will help to view your current website on a mobile device and document what looks broken (overflow, small text, etc) • start coding media queries after identifying elements of your website that need responsive behavior Each style sheet must have at least 25 unique CSS selectors. Your selectors must satisfy the requirements below: • 1 x Universal Selector 。> 1 x Type Selector 。 >= 1 x Class Selector 。>= 1 x ID Selector 。> 1 x Group Selector (ex: h1, p, a {/*styles here*/}) 2 x Child Selector > • >= 2 x General Sibling Combinator (~) >= 2 x Adjacent Sibling Combinator (+) • >= 2 x Pseudo Class Selector (ex: :nth-of-type) There must be at least one Grid layout and one Flex layout on your website • Grid style requirements: ▪ grid-template-areas grid-template-columns ▪ grid-template-rows ▪ grid-area • Flex style requirements: .flex-direction (can be set to row our column) ▪ flex-wrap ▪ flex-basis ▪ flex-grow - you must have one item that grows more than other flex items given available space! ▪ flex-shrink - you must have one item that shrinks more than other flex items given available space! Create at least one transition on page
Transcribed Image Text:CSS Requirements Create three break points using media queries in at least one style sheet to alter the way your website looks on small, medium and large devices o it will help to view your current website on a mobile device and document what looks broken (overflow, small text, etc) • start coding media queries after identifying elements of your website that need responsive behavior Each style sheet must have at least 25 unique CSS selectors. Your selectors must satisfy the requirements below: • 1 x Universal Selector 。> 1 x Type Selector 。 >= 1 x Class Selector 。>= 1 x ID Selector 。> 1 x Group Selector (ex: h1, p, a {/*styles here*/}) 2 x Child Selector > • >= 2 x General Sibling Combinator (~) >= 2 x Adjacent Sibling Combinator (+) • >= 2 x Pseudo Class Selector (ex: :nth-of-type) There must be at least one Grid layout and one Flex layout on your website • Grid style requirements: ▪ grid-template-areas grid-template-columns ▪ grid-template-rows ▪ grid-area • Flex style requirements: .flex-direction (can be set to row our column) ▪ flex-wrap ▪ flex-basis ▪ flex-grow - you must have one item that grows more than other flex items given available space! ▪ flex-shrink - you must have one item that shrinks more than other flex items given available space! Create at least one transition on page
Expert Solution
steps

Step by step

Solved in 3 steps with 1 images

SEE SOLUTIONCheck out a sample Q&A here
Blurred answer
Knowledge Booster
Database Functions
Learn more about
Need a deep-dive on the concept behind this application? Look no further. Learn more about this topic, computer-science and related others by exploring similar questions and additional content below.
Similar questions
  • SEE MORE QUESTIONS
Recommended textbooks for you
New Perspectives on HTML5, CSS3, and JavaScript
New Perspectives on HTML5, CSS3, and JavaScript
Computer Science
ISBN:
9781305503922
Author:
Patrick M. Carey
Publisher:
Cengage Learning
Np Ms Office 365/Excel 2016 I Ntermed
Np Ms Office 365/Excel 2016 I Ntermed
Computer Science
ISBN:
9781337508841
Author:
Carey
Publisher:
Cengage
SEE MORE TEXTBOOKS