flexbox_mit_mediaqueries.php


Quell Code


<!doctype html>
<html lang="de">
  <head>
    
  </head>
<body>
  <h3>Beim Fenster verkleinern greif @mediaqueries ein, man sieht das gut das ID obenrechts sich übereinander schieben. Zieht man das Fenster noch kleiner, wird ID links und rechts übereinander geschoben.
    Das dürfte auf ein Handy noch alles ganz gut aussehen. Ohne das @mediaqueries sollte das Layout auf dem Handy zerschossen sein</h3>
  <main>
<div id="left">
  <div id="leftoben">
   <img src="https://assets.codepen.io/1676856/internal/avatars/users/default.png?fit=crop&format=auto&height=80&version=1601304366&width=80">
  </div>
  <nav>
    <ul>
      <li><a>wir über uns</a></li>
       <li><a>Neuwagen</a></li>
       <li><a>Gebraucht Wagen</a></li>
       <li><a>Kontakt</a></li>
       <li><a>impressum</a></li>
      
      
    </ul>
  </nav>
  
</div>
<div id="right">
  <div id="rightoben">
    <div id="rightobenleft">Schriftzug firma</div>
    <div id="rightobenright"> 
      <img src="https://www.tutorials.de/styles/tuts/xenforo/xlogo.png.pagespeed.ic.hrNe5Bf7Ee.webp"></div>
  </div>
  <div id="rightunten">
  <div id="line1">
  <div id="rechtsunten1">Text<br>Bildbereich</div>
  <div id="rechtsunten2">
    <h4>News</h4>
    <article>Text</article>
    <article>Text</article>
    <article>Text</article>
  </div>
    </div>
  <div id="rechtsunten3">Fußzeile</div>
    </div>
  </div>
  </main>
</body>
</html>

Error: No site found with the domain 'test.basti1012.bplaced.net' (Learn more)