Php resim galerisi oluşturma?

06-03-2024, 18:33:09

Merhaba. elimde bir script var. galeri oluşturmak istiyorum manuel olarak. Ama sayfa mobilde taşıyor. Acaba nerde yanlış yapıyorum.

Elimdeki kod şu şekilde.

<?php include 'includes/header.php';
$hakkimizda = cevir("hakkimizda",$hakkimizda,$_SESSION["dil"]);
?>
<title><?=$seo['about_title'];?></title>
<meta name="description" content="<?=$seo['about_description'];?>">
<meta name="keywords" content="<?=$seo['about_keywords'];?>">
<meta name="author" content="">
<body class="mobile_panel black_theme">
  
              
            <h1> CSS Resim Galerisi</h1>

<div class="gallery cf">
    
  <div>
    <img src="http://abload.de/img/a6aawu.jpg" />
  </div>
  <div>
    <img src="http://abload.de/img/a6aawu.jpg" />
  </div>
  <div>
    <img src="http://abload.de/img/a6aawu.jpg" />
  </div>
  <div>
    <img src="http://abload.de/img/a6aawu.jpg" />
  </div>
  <div>
    <img src="http://abload.de/img/a6aawu.jpg" />
  </div>
  <div>
    <img src="http://abload.de/img/a6aawu.jpg" />
  </div>
</div>
    
                
                <a href="bize-ulasin" class="bg-white border text-black w-full btn btn-secondary text-center">
                    <span><?php echo $dil['037'];?></span>
                </a>

            </div>

        </div>
    </div>
     <link rel="stylesheet" href="style.css">
<?php include 'includes/modal.php';?>
<?php include 'includes/footer.php';?>

06-03-2024, 18:53:35

#2

volkanyyilmaz

Bootstrap vs. bir kütüphane ile responsive yazabilirsiniz.
CSS'in native özelliği olan Flexbox yada grid yapısını da kullanabilirsiniz.
ChatGPT yardımcı olur..

06-03-2024, 18:55:05

#3

mebularts

.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 10px;
}

.gallery img {
    max-width: 100%;
    height: auto;
}