Breakpoints ohne @media?
Hallo,
ich arbeite gerade daran:
https://codepen.io/nicerboy/pen/BeBmoN
Leider schaffe ich es nicht, dass wenn man den Bereich rechts kleiner zieht, so auf circa 400px breite, (über die Resize-Linie in der Mitte), nur noch ein Bild pro Zeile erscheint.
Mit Media Queries wäre das sehr einfach, aber wie lässt sich das ansonsten machen?
Über Hilfe wäre ich sehr, sehr dankbar!
Kommentar abgeben zu diesen Beitrag/Code ?Dann hier klicken
Der hier verwendete Code
<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<link rel="stylesheet" href="/css_webseite/normalize.css">
<script src="/js_webseite/jquery.js"></script>
<style>
* {
font-family: Arial;
box-sizing: border-box;
font-weight: normal;
margin: 0px;
padding: 0px;
}
body {
height: 100%;
display: flex;
background-color: #eee;
}
#links{
font-size: 40px;
}
#links,
#rechts {
width: 100%;
height: 100vh;
flex: 1 1 auto;
flex-direction: column;
overflow-y: auto;
}
#schiebeteil {
width: 3px;