Skip to content

GulcanC/GC-SASS-1

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ADVANCE CSS AND SASS PROJECT 1

Go to the Project Page

https://gulcanc.github.io/GC-SASS-1/

About the Project

This is my first personal advance CSS and Sass project after I have learned the advance CSS, Sass properties with UDEMY-course project. It was so enjoyable creating this colorful and well-designed project. I have used complex CSS animations, advanced responsive design techniques, flexbox layouts, Sass, CSS architecture, fundamental CSS concepts, and so much more.

Technologies & Techniques Used:

• Advanced CSS animations with @keyframes, animation and transition

• Using Sass: global variables, architecting CSS, managing media queries, etc.

• The NPM ecosystem: development workflows and building processes

• Advanced CSS selectors, pseudo-classes, and pseudo-elements

• Flexbox layouts

• CSS Grid layouts

• Advanced responsive design: media queries, mobile-first vs desktop-first, em vs rem units, etc.

• Responsive images in HTML and CSS for faster pageloads

• SVG images

• Build a background video effect

• Clip-path, background-clip, mask-images