- nth type selector
main li:nth-of-type(3){
width:1220px;
grid-column: 1 / span 2;
}- position
position: absoute || relative || satic || fixed || sticky- Display
display: flex || grid || block- FlexBox
display:flex;
flex-direction: row || column;
justify-content: center || space-between || space-around || flex-start || flex-end ;
flex-wrap: wrap || wrap-reverse; - CSS Grid
display: grid ;
grid-template-columns: 1fr 1fr || 200px 200px ;
gap: 10px(row) 20px(column);- linear-gradient ( for gradient background )
background:linear-gradient(45deg,rgb(111, 162, 157),rgb(153, 246, 240));- Box-Shadow
box-shadow: 2px(top-bottom) 4px(left-right) 8px(radius) rgba(0,0,0,0.3);- Basic Website preview
