There is a .sass code, no braces {}
. Header
Display: Flex.
Justify-Content: Space-Between
.nav
Display: Flex.
FLEX-DIRECTION: Column
Align-Items: Center
Justify-Content: Space-Between
How to make nesting without using {} so it worked?
Answer 1, Authority 100%
For nesting, use the ampersand & amp sign;
For SCSS:
. Header {
Display: Flex.
Justify-Content: Space-Between
& amp; .nav {
Display: Flex.
FLEX-DIRECTION: Column
Align-Items: Center
Justify-Content: Space-Between
}
}
for sass:
. Header
Display: Flex
Justify-Content: Space-Between
& amp; .nav.
Display: Flex
FLEX-DIRECTION: Column
Align-Items: Center
Justify-Content: Space-Between