Porfolio Training: CSS HTML Type: one page website

Technick learnt:

• flex: center and align object
• min-height: 100vh limit the height of component (through the website)
• Overlay ( pseudo element "after" and opacity of black color, z-index:-1)
• Hover button transition
• text-reveal: animation-delay pseudo: nth-child
• flex-basis properties -> align items in a row
• common style -> common class reusable (observer at the begining)
• Responsive -> do for mobile first
• max-width: for component, easier for user to read
• nth-child(even) flex-direction: row-reverse;
• Unit: rem for font-size;
• animation: letter-spacing ( :after)
• hamburger menu
• Responsive Order: mobile -> tablet -> desktop