Project is using Advance CSS technology:
- CSS Grid
- CSS Flexbox
- SASS (variables, nesting, mixins, extends)
- SVG sprite icons
- CSS3 (rgba, linear-gradient, backface-visibility, animation, background video, box-decoration-break, object-fit, opacity, transition, perspective, transform: rotate() translate() scale(), background-blend-mode, clip-path: polygon() circle(), calc(), backdrop-filter, outline-offset, column-rule, filter: blur() brightness(), hyphens, shape-outside, :placeholder-shown, :checked, :link, :invalid, :focus, :hover, :active, ::after, ::placeholder, @media only screen and (), rem, em, vw, vh, px, fr)
- HTML5 tags (nav, header, span, section, button, figure, figcaption, label, video [autoplay muted loop], picture, source [video/mp4, video/webm], svg, use [xlink:href], footer)
- SEO (image name, alt, img srcset, source [media, srcset])
- DRY principle (Don't Repeat Yourself)
- BEM methodology (Block Element Modifier)
- No JavaScript code