├── Basics ├── A Simple Card │ ├── After │ │ ├── assets │ │ │ ├── green-building.jpg │ │ │ └── shoutout.txt │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Starter │ │ ├── assets │ │ ├── green-building.jpg │ │ └── shoutout.txt │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Absolute vs Relative Units │ ├── After │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Starter │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Em vs Rem │ ├── After │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Starter │ │ ├── css │ │ └── main.css │ │ └── index.html └── Translating from Figma to CSS │ ├── After │ ├── css │ │ └── main.css │ └── index.html │ └── Starter │ ├── css │ └── main.css │ └── index.html ├── Bonus - UI Animations ├── After │ ├── assets │ │ ├── appstore.svg │ │ ├── googleplay.svg │ │ ├── graphic.svg │ │ ├── person.jpg │ │ ├── phone-new.svg │ │ └── phone.svg │ ├── css │ │ └── main.css │ └── index.html └── Before │ ├── .vscode │ └── settings.json │ ├── assets │ ├── appstore.svg │ ├── googleplay.svg │ ├── graphic.svg │ ├── person.jpg │ ├── phone-new.svg │ └── phone.svg │ ├── css │ └── main.css │ └── index.html ├── Flexbox Responsive ├── Food Gallery Responsive │ ├── After │ │ ├── .vscode │ │ │ └── settings.json │ │ ├── assets │ │ │ ├── credit.txt │ │ │ ├── food1.jpg │ │ │ ├── food2.jpg │ │ │ ├── food3.jpg │ │ │ └── food4.jpg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── .vscode │ │ └── settings.json │ │ ├── assets │ │ ├── credit.txt │ │ ├── food1.jpg │ │ ├── food2.jpg │ │ ├── food3.jpg │ │ └── food4.jpg │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Responsive Drum Module │ ├── After │ │ ├── .vscode │ │ │ └── settings.json │ │ ├── assets │ │ │ ├── credit.txt │ │ │ ├── drum1.jpg │ │ │ ├── drum2.jpg │ │ │ └── drum3.jpg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── assets │ │ ├── credit.txt │ │ ├── drum1.jpg │ │ ├── drum2.jpg │ │ └── drum3.jpg │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Responsive Navigation │ ├── After │ │ ├── assets │ │ │ ├── close.svg │ │ │ └── menu.svg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── assets │ │ ├── close.svg │ │ └── menu.svg │ │ ├── css │ │ └── main.css │ │ └── index.html └── Responsive News Article │ ├── After │ ├── .vscode │ │ └── settings.json │ ├── css │ │ └── main.css │ └── index.html │ └── Before │ ├── .vscode │ └── settings.json │ ├── css │ └── main.css │ └── index.html ├── Flexbox ├── Desktop Navigation │ ├── After │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Drum Module │ ├── After │ │ ├── assets │ │ │ ├── credit.txt │ │ │ ├── drum1.jpg │ │ │ ├── drum2.jpg │ │ │ └── drum3.jpg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── assets │ │ ├── credit.txt │ │ ├── drum1.jpg │ │ ├── drum2.jpg │ │ └── drum3.jpg │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Food Gallery │ ├── After │ │ ├── .vscode │ │ │ └── settings.json │ │ ├── assets │ │ │ ├── credit.txt │ │ │ ├── food1.jpg │ │ │ ├── food2.jpg │ │ │ ├── food3.jpg │ │ │ └── food4.jpg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── assets │ │ ├── credit.txt │ │ ├── food1.jpg │ │ ├── food2.jpg │ │ ├── food3.jpg │ │ └── food4.jpg │ │ ├── css │ │ └── main.css │ │ └── index.html ├── News Article Listing │ ├── After │ │ ├── .vscode │ │ │ └── settings.json │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Starter │ │ ├── css │ │ └── main.css │ │ └── index.html └── User Avatar │ ├── After │ ├── assets │ │ ├── avatar.jpg │ │ └── credit.txt │ ├── css │ │ └── main.css │ └── index.html │ └── Starter │ ├── assets │ ├── avatar.jpg │ └── credit.txt │ ├── css │ └── main.css │ └── index.html ├── Grid Responsive ├── Brutalist Fashion Responsive │ ├── After │ │ ├── assets │ │ │ ├── pet1.jpg │ │ │ ├── pet2.jpg │ │ │ └── pet3.jpg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── assets │ │ ├── pet1.jpg │ │ ├── pet2.jpg │ │ └── pet3.jpg │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Car Gallery Responsive │ ├── After │ │ ├── assets │ │ │ ├── car1.jpg │ │ │ ├── car2.jpg │ │ │ ├── car3.jpg │ │ │ ├── car4.jpg │ │ │ └── car5.jpg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── assets │ │ ├── car1.jpg │ │ ├── car2.jpg │ │ ├── car3.jpg │ │ ├── car4.jpg │ │ └── car5.jpg │ │ ├── css │ │ └── main.css │ │ └── index.html └── Fitness Blip Responsive │ ├── After │ ├── assets │ │ ├── fitness1.jpg │ │ ├── fitness2.jpg │ │ └── fitness3.jpg │ ├── css │ │ └── main.css │ └── index.html │ └── Before │ ├── assets │ ├── fitness1.jpg │ ├── fitness2.jpg │ └── fitness3.jpg │ ├── css │ └── main.css │ └── index.html ├── Grid ├── Brutalist Fashion │ ├── After │ │ ├── assets │ │ │ ├── pet1.jpg │ │ │ ├── pet2.jpg │ │ │ └── pet3.jpg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── assets │ │ ├── pet1.jpg │ │ ├── pet2.jpg │ │ └── pet3.jpg │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Calendar │ ├── After │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Car Gallery │ ├── After │ │ ├── assets │ │ │ ├── car1.jpg │ │ │ ├── car2.jpg │ │ │ ├── car3.jpg │ │ │ ├── car4.jpg │ │ │ └── car5.jpg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── assets │ │ ├── car1.jpg │ │ ├── car2.jpg │ │ ├── car3.jpg │ │ ├── car4.jpg │ │ └── car5.jpg │ │ ├── css │ │ └── main.css │ │ └── index.html ├── Fitness Blip │ ├── After │ │ ├── assets │ │ │ ├── fitness1.jpg │ │ │ ├── fitness2.jpg │ │ │ └── fitness3.jpg │ │ ├── css │ │ │ └── main.css │ │ └── index.html │ └── Before │ │ ├── assets │ │ ├── fitness1.jpg │ │ ├── fitness2.jpg │ │ └── fitness3.jpg │ │ ├── css │ │ └── main.css │ │ └── index.html └── Grid Basics │ ├── After │ ├── css │ │ └── main.css │ └── index.html │ └── Before │ ├── css │ └── main.css │ └── index.html ├── Project 1 - Recall ├── After │ ├── assets │ │ ├── appstore.svg │ │ ├── googleplay.svg │ │ ├── graphic.svg │ │ ├── person.jpg │ │ └── phone.svg │ ├── css │ │ └── main.css │ └── index.html └── Before │ ├── assets │ ├── appstore.svg │ ├── googleplay.svg │ ├── graphic.svg │ ├── person.jpg │ └── phone.svg │ ├── css │ └── main.css │ └── index.html └── Project 2 - Designalytics ├── After ├── assets │ ├── chart-top.svg │ ├── chart.svg │ ├── icon-account.svg │ ├── icon-home.svg │ ├── icon-messages.svg │ ├── icon-support.svg │ ├── logo.svg │ ├── mobile-exit.svg │ ├── right-btn.svg │ └── user.jpg ├── css │ ├── global.css │ ├── global.css.map │ ├── global.scss │ ├── main.css │ ├── main.css.map │ ├── main.scss │ ├── resets.css │ ├── resets.css.map │ ├── variables.css │ ├── variables.css.map │ └── variables.scss └── index.html └── Before ├── .vscode └── settings.json ├── assets ├── chart-top.svg ├── chart.svg ├── icon-account.svg ├── icon-home.svg ├── icon-messages.svg ├── icon-support.svg ├── logo.svg ├── mobile-exit.svg ├── right-btn.svg └── user.jpg └── index.html /Basics/A Simple Card/After/assets/green-building.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/A Simple Card/After/assets/green-building.jpg -------------------------------------------------------------------------------- /Basics/A Simple Card/After/assets/shoutout.txt: -------------------------------------------------------------------------------- 1 | https://unsplash.com/photos/dqXiw7nCb9Q -------------------------------------------------------------------------------- /Basics/A Simple Card/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/A Simple Card/After/css/main.css -------------------------------------------------------------------------------- /Basics/A Simple Card/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/A Simple Card/After/index.html -------------------------------------------------------------------------------- /Basics/A Simple Card/Starter/assets/green-building.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/A Simple Card/Starter/assets/green-building.jpg -------------------------------------------------------------------------------- /Basics/A Simple Card/Starter/assets/shoutout.txt: -------------------------------------------------------------------------------- 1 | https://unsplash.com/photos/dqXiw7nCb9Q -------------------------------------------------------------------------------- /Basics/A Simple Card/Starter/css/main.css: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /Basics/A Simple Card/Starter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/A Simple Card/Starter/index.html -------------------------------------------------------------------------------- /Basics/Absolute vs Relative Units/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Absolute vs Relative Units/After/css/main.css -------------------------------------------------------------------------------- /Basics/Absolute vs Relative Units/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Absolute vs Relative Units/After/index.html -------------------------------------------------------------------------------- /Basics/Absolute vs Relative Units/Starter/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Absolute vs Relative Units/Starter/css/main.css -------------------------------------------------------------------------------- /Basics/Absolute vs Relative Units/Starter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Absolute vs Relative Units/Starter/index.html -------------------------------------------------------------------------------- /Basics/Em vs Rem/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Em vs Rem/After/css/main.css -------------------------------------------------------------------------------- /Basics/Em vs Rem/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Em vs Rem/After/index.html -------------------------------------------------------------------------------- /Basics/Em vs Rem/Starter/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Em vs Rem/Starter/css/main.css -------------------------------------------------------------------------------- /Basics/Em vs Rem/Starter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Em vs Rem/Starter/index.html -------------------------------------------------------------------------------- /Basics/Translating from Figma to CSS/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Translating from Figma to CSS/After/css/main.css -------------------------------------------------------------------------------- /Basics/Translating from Figma to CSS/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Translating from Figma to CSS/After/index.html -------------------------------------------------------------------------------- /Basics/Translating from Figma to CSS/Starter/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Translating from Figma to CSS/Starter/css/main.css -------------------------------------------------------------------------------- /Basics/Translating from Figma to CSS/Starter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Basics/Translating from Figma to CSS/Starter/index.html -------------------------------------------------------------------------------- /Bonus - UI Animations/After/assets/appstore.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/After/assets/appstore.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/After/assets/googleplay.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/After/assets/googleplay.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/After/assets/graphic.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/After/assets/graphic.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/After/assets/person.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/After/assets/person.jpg -------------------------------------------------------------------------------- /Bonus - UI Animations/After/assets/phone-new.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/After/assets/phone-new.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/After/assets/phone.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/After/assets/phone.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/After/css/main.css -------------------------------------------------------------------------------- /Bonus - UI Animations/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/After/index.html -------------------------------------------------------------------------------- /Bonus - UI Animations/Before/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /Bonus - UI Animations/Before/assets/appstore.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/Before/assets/appstore.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/Before/assets/googleplay.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/Before/assets/googleplay.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/Before/assets/graphic.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/Before/assets/graphic.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/Before/assets/person.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/Before/assets/person.jpg -------------------------------------------------------------------------------- /Bonus - UI Animations/Before/assets/phone-new.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/Before/assets/phone-new.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/Before/assets/phone.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/Before/assets/phone.svg -------------------------------------------------------------------------------- /Bonus - UI Animations/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/Before/css/main.css -------------------------------------------------------------------------------- /Bonus - UI Animations/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Bonus - UI Animations/Before/index.html -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/After/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/After/assets/credit.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/After/assets/credit.txt -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/After/assets/food1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/After/assets/food1.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/After/assets/food2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/After/assets/food2.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/After/assets/food3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/After/assets/food3.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/After/assets/food4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/After/assets/food4.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/After/css/main.css -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/After/index.html -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/Before/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/Before/assets/credit.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/Before/assets/credit.txt -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/Before/assets/food1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/Before/assets/food1.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/Before/assets/food2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/Before/assets/food2.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/Before/assets/food3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/Before/assets/food3.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/Before/assets/food4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/Before/assets/food4.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/Before/css/main.css -------------------------------------------------------------------------------- /Flexbox Responsive/Food Gallery Responsive/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Food Gallery Responsive/Before/index.html -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/After/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/After/assets/credit.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/After/assets/credit.txt -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/After/assets/drum1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/After/assets/drum1.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/After/assets/drum2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/After/assets/drum2.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/After/assets/drum3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/After/assets/drum3.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/After/css/main.css -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/After/index.html -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/Before/assets/credit.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/Before/assets/credit.txt -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/Before/assets/drum1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/Before/assets/drum1.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/Before/assets/drum2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/Before/assets/drum2.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/Before/assets/drum3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/Before/assets/drum3.jpg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/Before/css/main.css -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Drum Module/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Drum Module/Before/index.html -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Navigation/After/assets/close.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Navigation/After/assets/close.svg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Navigation/After/assets/menu.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Navigation/After/assets/menu.svg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Navigation/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Navigation/After/css/main.css -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Navigation/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Navigation/After/index.html -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Navigation/Before/assets/close.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Navigation/Before/assets/close.svg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Navigation/Before/assets/menu.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Navigation/Before/assets/menu.svg -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Navigation/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Navigation/Before/css/main.css -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive Navigation/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive Navigation/Before/index.html -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive News Article/After/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive News Article/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive News Article/After/css/main.css -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive News Article/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive News Article/After/index.html -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive News Article/Before/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5502 3 | } -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive News Article/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive News Article/Before/css/main.css -------------------------------------------------------------------------------- /Flexbox Responsive/Responsive News Article/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox Responsive/Responsive News Article/Before/index.html -------------------------------------------------------------------------------- /Flexbox/Desktop Navigation/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Desktop Navigation/After/css/main.css -------------------------------------------------------------------------------- /Flexbox/Desktop Navigation/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Desktop Navigation/After/index.html -------------------------------------------------------------------------------- /Flexbox/Desktop Navigation/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Desktop Navigation/Before/css/main.css -------------------------------------------------------------------------------- /Flexbox/Desktop Navigation/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Desktop Navigation/Before/index.html -------------------------------------------------------------------------------- /Flexbox/Drum Module/After/assets/credit.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/After/assets/credit.txt -------------------------------------------------------------------------------- /Flexbox/Drum Module/After/assets/drum1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/After/assets/drum1.jpg -------------------------------------------------------------------------------- /Flexbox/Drum Module/After/assets/drum2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/After/assets/drum2.jpg -------------------------------------------------------------------------------- /Flexbox/Drum Module/After/assets/drum3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/After/assets/drum3.jpg -------------------------------------------------------------------------------- /Flexbox/Drum Module/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/After/css/main.css -------------------------------------------------------------------------------- /Flexbox/Drum Module/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/After/index.html -------------------------------------------------------------------------------- /Flexbox/Drum Module/Before/assets/credit.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/Before/assets/credit.txt -------------------------------------------------------------------------------- /Flexbox/Drum Module/Before/assets/drum1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/Before/assets/drum1.jpg -------------------------------------------------------------------------------- /Flexbox/Drum Module/Before/assets/drum2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/Before/assets/drum2.jpg -------------------------------------------------------------------------------- /Flexbox/Drum Module/Before/assets/drum3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/Before/assets/drum3.jpg -------------------------------------------------------------------------------- /Flexbox/Drum Module/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/Before/css/main.css -------------------------------------------------------------------------------- /Flexbox/Drum Module/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Drum Module/Before/index.html -------------------------------------------------------------------------------- /Flexbox/Food Gallery/After/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /Flexbox/Food Gallery/After/assets/credit.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/After/assets/credit.txt -------------------------------------------------------------------------------- /Flexbox/Food Gallery/After/assets/food1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/After/assets/food1.jpg -------------------------------------------------------------------------------- /Flexbox/Food Gallery/After/assets/food2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/After/assets/food2.jpg -------------------------------------------------------------------------------- /Flexbox/Food Gallery/After/assets/food3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/After/assets/food3.jpg -------------------------------------------------------------------------------- /Flexbox/Food Gallery/After/assets/food4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/After/assets/food4.jpg -------------------------------------------------------------------------------- /Flexbox/Food Gallery/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/After/css/main.css -------------------------------------------------------------------------------- /Flexbox/Food Gallery/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/After/index.html -------------------------------------------------------------------------------- /Flexbox/Food Gallery/Before/assets/credit.txt: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/Before/assets/credit.txt -------------------------------------------------------------------------------- /Flexbox/Food Gallery/Before/assets/food1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/Before/assets/food1.jpg -------------------------------------------------------------------------------- /Flexbox/Food Gallery/Before/assets/food2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/Before/assets/food2.jpg -------------------------------------------------------------------------------- /Flexbox/Food Gallery/Before/assets/food3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/Before/assets/food3.jpg -------------------------------------------------------------------------------- /Flexbox/Food Gallery/Before/assets/food4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/Before/assets/food4.jpg -------------------------------------------------------------------------------- /Flexbox/Food Gallery/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/Before/css/main.css -------------------------------------------------------------------------------- /Flexbox/Food Gallery/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/Food Gallery/Before/index.html -------------------------------------------------------------------------------- /Flexbox/News Article Listing/After/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /Flexbox/News Article Listing/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/News Article Listing/After/css/main.css -------------------------------------------------------------------------------- /Flexbox/News Article Listing/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/News Article Listing/After/index.html -------------------------------------------------------------------------------- /Flexbox/News Article Listing/Starter/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/News Article Listing/Starter/css/main.css -------------------------------------------------------------------------------- /Flexbox/News Article Listing/Starter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/News Article Listing/Starter/index.html -------------------------------------------------------------------------------- /Flexbox/User Avatar/After/assets/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/User Avatar/After/assets/avatar.jpg -------------------------------------------------------------------------------- /Flexbox/User Avatar/After/assets/credit.txt: -------------------------------------------------------------------------------- 1 | avatar.jpg: 2 | https://unsplash.com/photos/3TLl_97HNJo -------------------------------------------------------------------------------- /Flexbox/User Avatar/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/User Avatar/After/css/main.css -------------------------------------------------------------------------------- /Flexbox/User Avatar/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/User Avatar/After/index.html -------------------------------------------------------------------------------- /Flexbox/User Avatar/Starter/assets/avatar.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/User Avatar/Starter/assets/avatar.jpg -------------------------------------------------------------------------------- /Flexbox/User Avatar/Starter/assets/credit.txt: -------------------------------------------------------------------------------- 1 | avatar.jpg: 2 | https://unsplash.com/photos/3TLl_97HNJo -------------------------------------------------------------------------------- /Flexbox/User Avatar/Starter/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/User Avatar/Starter/css/main.css -------------------------------------------------------------------------------- /Flexbox/User Avatar/Starter/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Flexbox/User Avatar/Starter/index.html -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/After/assets/pet1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/After/assets/pet1.jpg -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/After/assets/pet2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/After/assets/pet2.jpg -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/After/assets/pet3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/After/assets/pet3.jpg -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/After/css/main.css -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/After/index.html -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/Before/assets/pet1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/Before/assets/pet1.jpg -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/Before/assets/pet2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/Before/assets/pet2.jpg -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/Before/assets/pet3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/Before/assets/pet3.jpg -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/Before/css/main.css -------------------------------------------------------------------------------- /Grid Responsive/Brutalist Fashion Responsive/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Brutalist Fashion Responsive/Before/index.html -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/After/assets/car1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/After/assets/car1.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/After/assets/car2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/After/assets/car2.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/After/assets/car3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/After/assets/car3.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/After/assets/car4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/After/assets/car4.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/After/assets/car5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/After/assets/car5.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/After/css/main.css -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/After/index.html -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/Before/assets/car1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/Before/assets/car1.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/Before/assets/car2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/Before/assets/car2.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/Before/assets/car3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/Before/assets/car3.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/Before/assets/car4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/Before/assets/car4.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/Before/assets/car5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/Before/assets/car5.jpg -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/Before/css/main.css -------------------------------------------------------------------------------- /Grid Responsive/Car Gallery Responsive/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Car Gallery Responsive/Before/index.html -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/After/assets/fitness1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/After/assets/fitness1.jpg -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/After/assets/fitness2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/After/assets/fitness2.jpg -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/After/assets/fitness3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/After/assets/fitness3.jpg -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/After/css/main.css -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/After/index.html -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/Before/assets/fitness1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/Before/assets/fitness1.jpg -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/Before/assets/fitness2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/Before/assets/fitness2.jpg -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/Before/assets/fitness3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/Before/assets/fitness3.jpg -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/Before/css/main.css -------------------------------------------------------------------------------- /Grid Responsive/Fitness Blip Responsive/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid Responsive/Fitness Blip Responsive/Before/index.html -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/After/assets/pet1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/After/assets/pet1.jpg -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/After/assets/pet2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/After/assets/pet2.jpg -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/After/assets/pet3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/After/assets/pet3.jpg -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/After/css/main.css -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/After/index.html -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/Before/assets/pet1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/Before/assets/pet1.jpg -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/Before/assets/pet2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/Before/assets/pet2.jpg -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/Before/assets/pet3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/Before/assets/pet3.jpg -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/Before/css/main.css -------------------------------------------------------------------------------- /Grid/Brutalist Fashion/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Brutalist Fashion/Before/index.html -------------------------------------------------------------------------------- /Grid/Calendar/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Calendar/After/css/main.css -------------------------------------------------------------------------------- /Grid/Calendar/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Calendar/After/index.html -------------------------------------------------------------------------------- /Grid/Calendar/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Calendar/Before/css/main.css -------------------------------------------------------------------------------- /Grid/Calendar/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Calendar/Before/index.html -------------------------------------------------------------------------------- /Grid/Car Gallery/After/assets/car1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/After/assets/car1.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/After/assets/car2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/After/assets/car2.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/After/assets/car3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/After/assets/car3.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/After/assets/car4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/After/assets/car4.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/After/assets/car5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/After/assets/car5.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/After/css/main.css -------------------------------------------------------------------------------- /Grid/Car Gallery/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/After/index.html -------------------------------------------------------------------------------- /Grid/Car Gallery/Before/assets/car1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/Before/assets/car1.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/Before/assets/car2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/Before/assets/car2.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/Before/assets/car3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/Before/assets/car3.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/Before/assets/car4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/Before/assets/car4.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/Before/assets/car5.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/Before/assets/car5.jpg -------------------------------------------------------------------------------- /Grid/Car Gallery/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/Before/css/main.css -------------------------------------------------------------------------------- /Grid/Car Gallery/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Car Gallery/Before/index.html -------------------------------------------------------------------------------- /Grid/Fitness Blip/After/assets/fitness1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/After/assets/fitness1.jpg -------------------------------------------------------------------------------- /Grid/Fitness Blip/After/assets/fitness2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/After/assets/fitness2.jpg -------------------------------------------------------------------------------- /Grid/Fitness Blip/After/assets/fitness3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/After/assets/fitness3.jpg -------------------------------------------------------------------------------- /Grid/Fitness Blip/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/After/css/main.css -------------------------------------------------------------------------------- /Grid/Fitness Blip/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/After/index.html -------------------------------------------------------------------------------- /Grid/Fitness Blip/Before/assets/fitness1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/Before/assets/fitness1.jpg -------------------------------------------------------------------------------- /Grid/Fitness Blip/Before/assets/fitness2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/Before/assets/fitness2.jpg -------------------------------------------------------------------------------- /Grid/Fitness Blip/Before/assets/fitness3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/Before/assets/fitness3.jpg -------------------------------------------------------------------------------- /Grid/Fitness Blip/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/Before/css/main.css -------------------------------------------------------------------------------- /Grid/Fitness Blip/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Fitness Blip/Before/index.html -------------------------------------------------------------------------------- /Grid/Grid Basics/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Grid Basics/After/css/main.css -------------------------------------------------------------------------------- /Grid/Grid Basics/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Grid Basics/After/index.html -------------------------------------------------------------------------------- /Grid/Grid Basics/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Grid Basics/Before/css/main.css -------------------------------------------------------------------------------- /Grid/Grid Basics/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Grid/Grid Basics/Before/index.html -------------------------------------------------------------------------------- /Project 1 - Recall/After/assets/appstore.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/After/assets/appstore.svg -------------------------------------------------------------------------------- /Project 1 - Recall/After/assets/googleplay.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/After/assets/googleplay.svg -------------------------------------------------------------------------------- /Project 1 - Recall/After/assets/graphic.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/After/assets/graphic.svg -------------------------------------------------------------------------------- /Project 1 - Recall/After/assets/person.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/After/assets/person.jpg -------------------------------------------------------------------------------- /Project 1 - Recall/After/assets/phone.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/After/assets/phone.svg -------------------------------------------------------------------------------- /Project 1 - Recall/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/After/css/main.css -------------------------------------------------------------------------------- /Project 1 - Recall/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/After/index.html -------------------------------------------------------------------------------- /Project 1 - Recall/Before/assets/appstore.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/Before/assets/appstore.svg -------------------------------------------------------------------------------- /Project 1 - Recall/Before/assets/googleplay.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/Before/assets/googleplay.svg -------------------------------------------------------------------------------- /Project 1 - Recall/Before/assets/graphic.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/Before/assets/graphic.svg -------------------------------------------------------------------------------- /Project 1 - Recall/Before/assets/person.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/Before/assets/person.jpg -------------------------------------------------------------------------------- /Project 1 - Recall/Before/assets/phone.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/Before/assets/phone.svg -------------------------------------------------------------------------------- /Project 1 - Recall/Before/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/Before/css/main.css -------------------------------------------------------------------------------- /Project 1 - Recall/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 1 - Recall/Before/index.html -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/chart-top.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/chart-top.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/chart.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/chart.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/icon-account.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/icon-account.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/icon-home.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/icon-home.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/icon-messages.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/icon-messages.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/icon-support.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/icon-support.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/logo.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/mobile-exit.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/mobile-exit.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/right-btn.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/right-btn.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/assets/user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/assets/user.jpg -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/global.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/global.css -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/global.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/global.css.map -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/global.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/global.scss -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/main.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/main.css -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/main.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/main.css.map -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/main.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/main.scss -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/resets.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/resets.css -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/resets.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/resets.css.map -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/variables.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/variables.css -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/variables.css.map: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/variables.css.map -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/css/variables.scss: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/css/variables.scss -------------------------------------------------------------------------------- /Project 2 - Designalytics/After/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/After/index.html -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | "liveServer.settings.port": 5501 3 | } -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/chart-top.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/chart-top.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/chart.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/chart.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/icon-account.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/icon-account.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/icon-home.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/icon-home.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/icon-messages.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/icon-messages.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/icon-support.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/icon-support.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/logo.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/logo.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/mobile-exit.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/mobile-exit.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/right-btn.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/right-btn.svg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/assets/user.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/assets/user.jpg -------------------------------------------------------------------------------- /Project 2 - Designalytics/Before/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/designcourse/css-course/HEAD/Project 2 - Designalytics/Before/index.html --------------------------------------------------------------------------------