This project shows examples of advanced usage of CSS and SASS.
Modern cutting-edge CSS techniques to create stunning designs and effects like mask-image, object-fit, transform and custom CSS properties
Advanced CSS animations with @keyframes, animation and transition;
Advanced CSS selectors, pseudo-classes and pseudo-elements required for modern CSS development
CSS architecture: The 7-1 rule, component-based design, the BEM methodology, writing reusable, maintainable and scalable code
Advanced responsive design workflow with a Desktop-first strategy, selecting breakpoints, em and rem units and feature queries for the best browser support
SVG images in HTML and CSS: Using and referencing SVG sprites in HTML and CSS, changing SVG colors in CSS with best practices
Flexbox layouts: Flex container and flex item specific properties, advanced positioning techniques.See live