subheadingare present in both template declarations. However, the
metaarea is declared in
templateDesktoponly. This makes
metaa conditional area automatically.
templateprops of the
Metagrid area in a
<MediaQuery/>component from react-responsive. This area will render on
lgbreakpoint and up, because there is no succeeding template declaration that would contradict that, and because "up" is the default responsive behavior.
Lg, we stated that the given value must be applied on the
lgbreakpoint and up. Following this example, let's create a different gutter between the grid areas on different breakpoints:
10pxon mobile screens, since
xsis the default breakpoint,
20pxon large screens and up, since
upis the default behavior.