View Code? Open in Web Editor
NEW
This template is just to improve my skills in Flexbox Design
rumi-studiop-template's Introduction
- I used the BEM as a naming convention standard for CSS class names.
- BEM — Block Element Modifier is a methodology that helps you to create reusable components and code sharing in front-end development.
- Read More about BEM
- I used the Font Awesome(5.8.2) as the iconic font.
- I used the Josefin Sans font for document webpage.
- Color Schemes
- base color : 0, 171, 30
- accent color : 223, 16, 0
- dark gray : 49, 72, 53
- light gray : 249, 250, 249
- white: 255, 255, 255
- Responsive and Mobile First design
- Medium and up
-
@media screen and (min-width: 40em) {}
- Large and up
-
@media screen and (min-width: 64em) {}
- Flexbox layout
rumi-studiop-template's People
Contributors