BasicsIntroduction Adding styles Selectors Headings and Text Lists Links Tables Colors Background Box Model Fonts Icons Display Position Overflow Align Images Tool tips Flex
AdvancedShadows Rounded Corners Units Specificity Responsive design Media Queries Grid Animations Psuedo elements CSS variables and functions SASS and SCSS
MiscellaneousCSS Templates CSS Interview QnA
IconsIcons can be added using icon libraries as mentioned below.
- Google Icons
- Bootstrap Icons
- Hero icons
fontawesome iconsfontawesome provides awesome icons that you can use in your website and take your site to next level. They provide icons in below categories.
- Classic, Sharp, Brands
- Solid, Regular, Light, Thin, Duotone
<!-- in html pages --> <i class="fa-brands fa-facebook"></i> //in react, you can use below syntax <FontAwesomeIcon icon="fa-brands fa-facebook" />
Web development and Automation testing