Bilder nachrutschen lassen – Bildergalerie
Hallo zusammen,
ich bräuchte mal ein bisschen Hilfe. Ich habe eine Imagebox (imgBX) gebaut, in der nebeneinander 3 Karten (card) angeordnet sein sollen und dann ein Umbruch in die nächste Zeile erfolgen soll. Dort wieder 3 Karten usw. Bei voller Bildschirmbreite sollen box1 und Details nebeneinander angeordnet sein.
Bei Bildschirmbreite 600px und kleiner sind die Karten vertikal angeordnet und die box1 steht über Details.
Meinen bisheriger Versuch habe ich auf Codepen gestellt. Kann mir jemand weiter helfen? Danke!
https://codepen.io/Lupus_III/project/editor/AVmzry
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>jQuery imgal.js Masonry Photo Gallery Example</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootswatch/4.3.1/flatly/bootstrap.min.css">
<link href="https://www.jqueryscript.net/demo/masonry-photo-gallery-imgal/imgal.min.css" rel="stylesheet">
<style>
body{
display:flex;
}
figure{
border:1px solid black;
text-align:center;
padding:5px;
}
figcaption{
padding:5px;
height:30px;
line-height:20px;
}
.column {
display: none;
}
#ee{
width:100px;
border:2px solid black;
resize: both;
overflow: auto;
height:100px;
}
.show {