https://github.com/zihadhosan/scss_mastery

SCSS Mastery
https://github.com/zihadhosan/scss_mastery

Last synced: about 2 months ago
JSON representation

SCSS Mastery

• Host: GitHub
• URL: https://github.com/zihadhosan/scss_mastery
• Owner: ZihadHosan
• Created: 2024-04-26T17:29:29.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-05-01T19:10:12.000Z (8 months ago)
• Last Synced: 2024-05-02T13:22:54.956Z (8 months ago)
• Language: HTML
• Homepage: https://scss-mastery.vercel.app/
• Size: 2.13 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

  







  SCSS project with dark/light mode

 




  All Devices Responsive (Mobile/Tablet/iPad/Desktop/Laptop)

 


[Reference Project](https://www.frontendpractice.com/projects/basic) 


[LIVE PROJECT](https://scss-mastery.vercel.app/)

## SCSS and others

1. 100% hand coded clean code

2. BEM naming style in HTML/SCSS [Footer and Featured News block]

3. Mixin

4. Variables

5. Deep Nesting

6. Media query with mixin

7. Flex

8. Grid

9. Fluid unit values for auto adapt in any screen

10. WebP images support

11. Dark mode

## Google PageSpeed

   Check live here: 
  https://pagespeed.web.dev/analysis/https-scss-mastery-vercel-app/12qak1yfxc?form_factor=mobile

## W3 Validation

   Check live here: 
  https://validator.w3.org/nu/?doc=https%3A%2F%2Fscss-mastery.vercel.app%2F

   

## Web Accessibility

   Check live here for check manually: 
  https://achecks.org/checker/index.php 


	Live Screenshot: 
[Screenshot Here](https://prnt.sc/fEq1yXQc3IwQ)

	   

## Gtmetrix

   Check live here : 
  https://gtmetrix.com/reports/scss-mastery.vercel.app/EIzAEM5v/