This project is from Frontend Mentor.
We apply the following tools:
- flex box and grid
- performance improvement using .avif format images for supported browsers
- Semantic HTML5 markup
- framework: fontawesome icon librery
- CSS custom properties
- create and customize normalize.css for our workspace
- create shortand for html and css
- Media queries
- Mobile-first workflow
- Responsive