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>

Add Comment

* Required information
1000
Drag & drop images (max 1)
Powered by Commentics

Comments

No comments yet. Be the first!

Deprecated: Directive 'allow_url_include' is deprecated in Unknown on line 0