День 12. Делаю настоящее окно папки и разбираюсь с position

День 12 моего пути в программирование с нуля. Продолжаю делать свой сайт «Английский из 90-х». На прошлом занятии я сделала так, чтобы React запоминал, какую папку я открываю. Но тогда вместо настоящей папки на экране просто появлялась надпись с её названием. Сегодня решила сделать следующий шаг — превратить это в настоящее окно папки в стиле старого Windows. В этом видео я: — создаю отдельное окно для открытой папки; — делаю верхнюю панель окна; — вывожу в ней название выбранной папки; — добавляю кнопку X для закрытия окна; — проверяю, чтобы после закрытия снова отображался рабочий стол; — начинаю оформлять само содержимое папки. А ещё сегодня появилась новая для меня тема — CSS position. Я отдельно разбиралась, что такое позиционирование элементов, зачем оно нужно и как с его помощью можно размещать окно поверх рабочего стола. После довольно сложного прошлого дня приятно видеть уже визуальный результат: теперь при нажатии на папку появляется не просто текст — сайт всё больше начинает напоминать тот самый компьютерный интерфейс из 90-х, который я задумала.