could you please use my code don't just post some random other persons code in and say it's mine becase that does not help me my html code below Home Home


could you please use my code don't just post some random other persons code in and say it's mine becase that does not help me




my html code below











Home










Welcome to my site









ME



HI there this is one of my favorite song down below enjoy.



src="https://www.bing.com/search?q=Nirvana%20-%20The%20Man%20Who%20Sold%20The %20World&pc=0TTE&ptag=C1N2A04173C0C08&form=CONBNT&conlogo=CT3210127&shtp=GetUrl&shid=38702244-8c35-477e-a042- 805b2b2d81bc&shtk=TmlydmFuYSAtIFRoZSBNYW4gV2hvIFNvbGQgVGhlIFdvcmxkIChNVFYgVW5wbHVnZ2VkKQ%3D %3D&shdk=UkVNQVNURVJFRCBJTiBIRCEgVGFrZW4gZnJvbSB0aGUgMjV0aCBBbm5pdmVyc2FyeSBFZGl0aW9ucyBvZiBOaXJ2YW5hIGI%3D&shhk=7xVtP%2FaZHQw%2B31lGYV%2F3cJukwLOZgUcFMDTYwdmuLsA %3D&shth=OVP.2ZxeDKLNemtX7dQ99X3ETQHgFo">









Author: Jen





Copyright














CSS Requirements<br>Separate your style sheets into three<br>o /styles/colors.css<br>/styles/formatting.css<br>/styles/transitions-animations.css<br>

Extracted text: CSS Requirements Separate your style sheets into three o /styles/colors.css /styles/formatting.css /styles/transitions-animations.css
CSS Requirements<br>Separate your style sheets into three files:<br>• /styles/colors.css<br>o /styles/formatting.css<br>o /styles/transitions-animations.css<br>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<br>o it will help to view your current website on a mobile device and document what looks broken (overflow, small text, etc)<br>o start coding media queries after identifying elements of your website that need responsive behavior<br>Each style sheet must have at least 25 unique CSS selectors. Your selectors must satisfy the requirements below:<br>o 1x Universal Selector<br>o >= 1 x Type Selector<br>o >= 1 x Class Selector<br>o >= 1 x ID Selector<br>o >= 1 x Group Selector (ex: h1, p, a {/*styles here*/})<br>o >= 2 x Child Selector<br>• >= 2 x General Sibling Combinator (-)<br>o >= 2 x Adjacent Sibling Combinator (+)<br>• >= 2 x Pseudo Class Selector (ex: :nth-of-type )<br>There must be at least one Grid layout and one Flex layout on your website<br>o Grid style requirements:<br>· grid-template-are<br>• grid-template-columns<br>grid-template-rows<br>• grid-area<br>o Flex style requirements:<br>• flex-direction (can be set to row our column)<br>. flex-wrap<br>• flex-basis<br>flex-grow - you must have one item that grows more than other flex items given available space!<br>• flex-shrink - you must have one item that shrinks more than other flex items given available space!<br>Create at least one transition on each page<br>

Extracted text: CSS Requirements Separate your style sheets into three files: • /styles/colors.css o /styles/formatting.css o /styles/transitions-animations.css 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) o 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: o 1x Universal Selector o >= 1 x Type Selector o >= 1 x Class Selector o >= 1 x ID Selector o >= 1 x Group Selector (ex: h1, p, a {/*styles here*/}) o >= 2 x Child Selector • >= 2 x General Sibling Combinator (-) o >= 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 o Grid style requirements: · grid-template-are • grid-template-columns grid-template-rows • grid-area o 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 each page

Jun 10, 2022
SOLUTION.PDF

Get Answer To This Question

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here