TailwindCSS Höhe eines Containers in einem Container ignorieren lassen?
Heyy,
ich habe vor, das die Job Angebote unter dem Titel landen, der Titel an sich aber trotzdem noch von der höhe Zentriert ist. Kann mir wer dabei helfen?
<div class="flex 2xl:flex-row justify-start items-center w-full md:w-9/12 2xl:w-full 2xl:justify-center min-h-[38rem] h-[88vh] relative">
<div class="space-y-8 xl:ml-4 2xl:min-w-[52rem] 2xl:w-[62rem]" id="left">
<img class="w-6 xl:w-8 transition-all delay-100 ease-in-out" src="Vector.svg" alt="Fluxify Vector">
<div class="space-y-3">
<h2 class="font-syne font-medium text-[1.435rem] leading-[1.525rem] lg:text-[1.735rem] lg:leading-[1.825rem] 2xl:text-[1.835rem] 2xl:leading-[2.225rem] line-clamp-3 2xl:line-clamp-2 transition-all delay-100 ease-in-out">Deine Karriere bei uns - Bewerbe Dich noch heute!</h2>
<p class="font-sura text-md leading-4 md:text-lg 2xl:text-lg text-[#8A8A8A] md:leading-5 2xl:leading-5 line-clamp-4">Bist du Softwareentwickler, Webseitenentwickler, Designer, Konzeptentwickler, Systemadministrator oder kannst du einen anderen Bereich der IT abdecken? Bewirb Dich bei uns - wir bieten Dir als Freelancer Kunden & Aufträge mit fairer Bezahlung.</p>
<div class="">
<x-jobs.offers/>
</div>
</div>
</div>
<div class="2xl:flex justify-end w-full hidden" id="right">
<div class="select-none relative 2xl:left-44">
<img class="rounded-[1.56rem] min-w-[28.5rem] 2xl:max-w-[38rem]" src="placeholder-01.jpg">
</div>
</div>
</div>
Hier ein Screenshot mit:
Und hier ohne + eine Einzeichnung, wo es hin sollte:
Ich bedanke mich herzlich über jede Hilfe!
Homepage,
HTML,
Webseite,
CSS,
PHP,
Programmiersprache,
Webdesign,
Webentwicklung,
Frontend