Jag gjorde detta för ett par år sedan och har glömt det mesta. Det har inte använts tidigare. När jag nu skall få igång det så visar det sig att bilderna hamnar lite bakom textfälten. så var det inte tidigare. Något har blivit fel. Jag länkar ju till bootstraps rutiner så det kan ju blivit någon uppdatering kanske.
<!--************************** Akutsuopen Teak **************************************-->
<section class="page-section">
<div class="container">
<div class="product-item">
<div class="product-item-title d-flex">
<div class="bg-faded p-5 d-flex ms-auto rounded">
<h2 class="section-heading mb-0">
<span class="section-heading-upper">Akutsupen</span>
<span class="section-heading-lower">Endast för missbruk.</span>
</h2>
</div>
</div>
<div>
<img class="product-item-img mx-auto d-flex rounded img-fluid mb-3 mb-lg-0" src="assets/img/produkter-01.jpg" alt="..." />
</div>
<div class="product-item-description d-flex me-auto">
<div class="bg-faded p-5 rounded">
<p class="mb-0">Akutsupen är en väggprydnad som passar lika bra i hobbyverkstaden, gillestugan eller finrummet. Det är tillverkat av den finaste Teak som går att få tag i. Teaken kommer från dörrkarmar som blev omhändertagna när man rev gamla
badhuset i Kristinehamn. När den är slut så kan inga mer Akutsupen tillverkas av Teak med så hög kvalite längre. Den är ytbehandlad med Danish Oil för att få en naturlig lyster. Flaskan och glaset ingår ej, det är upp till
köparen att förse Akutsupen med önskat innehåll. Man öppnar skåpet med 6 st skruvar som lossar bakstycket. Skåpet är försett med ett vågrätt t-spår på baksidan för enkel uppängning på endast en skruv.
</p>
<p class="prisetikett">
Pris : 995 Kr.
</p>
<div class="col-md-12 text-center">
<button type="button" class="btn btn-success kopbutton center" data-bs-toggle="modal" data-bs-target="#buyAkutsupen-Modal">KÖP</button>
</div>
</div>
</div>
</div>
</div>
</section>
före bilden. Problemet var att det inte hjälpte med bara marginal botten topp. Jag lade till padding botten och topp på bilden. då kunde man få en space mellan text och bild. Med bara margin fick man dem bara att ligga kant i kant utan space. Man glömmer fort i den här åldern.
Edit: Jag ändrade även <h2... till <div.... Det är ju en bild och ingen text.