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)