Разворачивание интерфейсов в приложении на React

Тестирование объектов на каком то роуте

для работы с модулями два варианта:

• создать общий файл для всего проекта
• создать каждому отдельному роуту или модулю свой файл модуль scss

style.module.scss

.main{
display:flex;
background:red;
height:100vh;
}

развернём вёрстку приложения или как будем делать интерфейс
как будет выглядить на примере роута Courses.js
анафлексы

• разворачивание двух сущностей Navbar и Content
• создание классов className для Navbar и Content
• для обёртки div задаётся какой то className
• для работы классов необходимо импортировать style.module.scss

import React from 'react'
import classes from './../../style.module.scss';

const Courses = () =>{
 return (
 <div className={classes.main}>
 <div className={classes.main_navigation}>Navbar</div>
 <div className={classes.main_content}>content</div>
</div>
)
}
export default Courses