Challenge By Frontend Mentor
Make a triangle:
/* change one of transparent of border-color to solve the secret */
div {
width: 0;
height: 0;
border-color: #a8cfc2 #a8cfc2 transparent transparent;
border-width: 30px;
border-style: solid;
}
There are different coding conventions for BEM.
An element is part of a block, not part of another element!
It's not valid for the name block__elem1__elem2
. Learn more...
Grid for layout, Flexbox for components
Instead of use @import
, use @use
. Learn more...
Browsers rounded decimal places (at least for chrome and firefox). Browser Rounding and Fractional Pixels