Помощь в создании простой навигационной панели.

Question

Может ли кто-нибудь мне помочь.Я новичок, и я просто пытаюсь понять, как работает код.Я знаю, что это кажется глупым, но я не смог найти никого, кто бы задавал этот вопрос.Я обнаружил, что моя панель навигации проходит через мой экран, и их нет.Я попробовал это с этим, но я не знаю, где добавить «выравнивание», но это не работает.Если вы ответите на этот вопрос, используйте цветные или крутые эффекты, чтобы эта панель навигации выглядела действительно хорошо.Спасибо за помощь, и я ценю всех, кто пытается. Я не знаю, как добавить код здесь, поэтому, пожалуйста, прочитайте комментарии.

Answer 1

хорошо, вот простая навигационная панель, которую вы делаете, сначала вы должны узнать об отображении: flex Display flex используется для выравнивания элементов div или элементов внутри родителя, например, рассмотрим этот пример

<style>
.parent{
display:flex;
align-items:center;
width:50%;
justify-contents:space-between;
}
</style>
<div class="parent">
<div class="child_one">
<p>menu</p>
</div>
<div class="child_two">
<p>menu</p>
</div>
<div class="child_three">
 <p>menu</p>
</div>
</div>

, если вы запуститеВ приведенном выше коде вы увидите вывод, в котором все элементы меню будут выровнены в линию, поэтому у вас есть базовая структура навигационной панели. Но для того, чтобы она была отзывчивой, вы должны изучать медиа-запросы (чтобы дисплей сгибался и блокировался)