Блог

Карта не проходит под навигационной панелью, однако навигационная панель исправлена.

Код для карты:

 <div class="w-full flex justify-center no-wrap">
    <div class="bg-white p-8 rounded-lg shadow-lg relative hover:shadow-2xl transition duration-500">
      <h1 class="text-sm text-gray-400 font-semibold mb-1"><%= @question.question_asked_on %>.</h1>
      <h1 class="text-2xl text-gray-800 font-semibold mb-3"><%= @question.title %>.</h1>
      <div class="w-full">
        <p class="text-gray-600 leading-6 tracking-normal">
          <%= @question.body %>
        </p>
      </div>

      <button class="py-2 px-4 mt-8 bg-indigo-600 text-white rounded-md shadow-xl">Learn  More</button>
    </div>
  </div>
</div>
 

Код для навигационной панели

 <nav class="bg-indigo-700 fixed inset-x-0">
  <div class="max-w-6xl mx-auto px-4">
    <div class="flex justify-between">
      <div class="flex space-x-7">
        <div>
 

если вы снимете relative с карты, она должна попасть под навигационную панель.