Addidas
How to scale something when you hover on it?
.main-btn{ transform: 0.7s ease;} .main-btn:hover{transform: scale(1.1);}
How to center a div using flex method?
.parent{ Display: flex; Justify-content: center; (to fix horizontal) Align-items: center; (to align vertical)
How do you add more than one color to the background
Background: linear-gradient(#111,#222)
How to add a background image?
Background: url(../images/bckgrd.jpg) no repeat; Background-size:cover; Background-position: center; Background-attachment: fixed;
How to make a curcle on the body?
Body::after{ Content: ' '; Background: red; Height: 100%; Width:100%; Position: absolute Clip-path: circle(40% at right 70%);
How to make card grey shadow or any card shadow?
Box-shadow: 5px(shadow yemen w shemal) 5px(shadow fo2 w ta7t) 10px(shadow spread) rgba(1, 1, 1, 15%•opacity•)
How do you make the list next to each other?
Display: inline block
How to make a row cards responsive using grid ?
Display:grid; grid-template-columns:repeat(auto-fit,minmax(150px, 1fr))
How to select a whole icon and make something inside that icon change?
Header.icon:hover .span:nth-child(2){ Width: 100%; }
How to sperate the nav logo from nav links?
Nav{ Display: flex; Justify-content: space-between; Align-items: center; (to make them at the same line)