marco-pontes / advanced-css-practice

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

advanced-css-practice

Course: https://www.udemy.com/course/advanced-css-and-sass/

CSS Grid Sandbox: https://codepen.io/marco_pontes/pen/bGoPezj?editors=1100

CSS Page Layout Challenge: https://codepen.io/marco_pontes/pen/mdBZOae?editors=1100

CSS Page Layout Challenge(Alternative Solution - Naming Grid Tracks): https://codepen.io/marco_pontes/pen/MWEMmRG?editors=1100

CSS Page Layout Challenge(Alternative Solution - Naming Grid Areas): https://codepen.io/marco_pontes/pen/jOGjLzO?editors=1100

CSS Grids(Implicit/Explicit): https://codepen.io/marco_pontes/pen/KKyPxqr?editors=1100

CSS Grids(Aligning Items): https://codepen.io/marco_pontes/pen/WNXeVpJ

CSS Grids(Aligning Tracks): https://codepen.io/marco_pontes/pen/jOaNgae

CSS Grids(min-content, max-content, minmax()): https://codepen.io/marco_pontes/pen/podJwNJ

Css Responsive Grid(auto-fill, auto-fit): https://codepen.io/marco_pontes/pen/VwrLWqV?editors=1100

Flex properties sandbox(Codepen): https://codepen.io/marco_pontes/pen/XWeNPrz?editors=1100

SASS Functions, mixins, variables, nesting, extends(%) sandbox(Codepen): https://codepen.io/marco_pontes/pen/eYGNYBa?editors=1100

Videos for webpages https://coverr.co/

Cubic bezier curves: https://easings.net/ http://cubic-bezier.com

Browser use stats: https://gs.statcounter.com/

Device test page: https://sizzy.co

Browser support website: https://caniuse.com

Vector icons: https://icomoon.io

HTML glyphs

https://css-tricks.com/snippets/html/glyphs/

CSS Built in Colors: https://www.w3schools.com/cssref/css_colors.asp

About


Languages

Language:SCSS 53.4%Language:HTML 36.7%Language:CSS 9.9%