CSS Advanced Sass Advanced Directives @at-root: Part 2

Mokanye Tumelo Tricia
Mokanye Tumelo Tricia
9,981 Points

help me here guyessss...

In the following code challenge, we are hard-coding the name of the nested selector .foo-bar. How can we update this to inherit the parent selector of .foo?

style.scss
.foo {
  @media (min-width: 400px) {
    display: flex;
    @at-root (without: media rule) {
      .foo-bar {
        display: inline-block;
      }
    }
  }
}