Workshop practice 4

Use CSS/SCSS.

Figma Link: https://www.figma.com/file/mM4IQfgmtYfTU61YljEvVA/UI-Development-Design-Sample?node-id=3%3A923

For Download Assets Follow This Video

Workshop practice 4:

Time: 48 HOURS.

workshop4 Neoito

Instructions

  • Body should be 100% width.
  • Base font-size should be same like FIGMA.
  • Use base font-family: same like FIGMA.
  • Use flexbox or grid layout.
  • Use material icons or font awesome icons.
  • Images, CSS, JS should be compressed.
  • Don't use inline CSS.
  • All Buttons, all links should have hover effect.

Check the performance Audit

Try to make the performance audit score to 95+