Скачать или смотреть [Source code👆🏻] Mastering SCSS Grid Layout | Responsive Image Gallery using HTML & SCSS

In this video, I built a responsive image gallery using HTML and SCSS, exploring the power of CSS Grid and SCSS nesting.
This project helped me understand how SCSS simplifies layout design with clean, reusable, and responsive code.

💡 What I learned:
Using SCSS nesting for cleaner styling structure
Working with CSS Grid layout and defining custom grid areas
Creating responsive layouts with clamp() and media queries
Adding hover transitions and depth effects using transform and box-shadow

It was a fun class task while learning SCSS Grid at ‪@sheryians‬

🔗 Live: https://notyourkoder.github.io/Respon...
💻 GitHub: https://github.com/NotYourKoder/Respo...
📸 Instagram:   / yourkoder  

#SCSS #Sass #CSSGrid #HTML #CSS #Frontend #WebDev #NotYourKoder #SheryiansCodingSchool #Cohort2 #WebDesign #CreativeCoding #FrontendDeveloper #ResponsiveDesign #WebProjects #CodeNewbie #DeveloperLife #LearnToCode #ModernWebDesign
scss grid layout tutorial, responsive image gallery html css, learn sass for beginners, scss nesting example, css grid layout project, frontend project ideas, web dev practice, html scss project, notyourkoder, sheryians coding school