Web Development Examples
Parent: e3cc1968 | Patch | Commit | ignore whitespace
Sascha Schulz
2023-09-12 3746a867f82bc09b1240b54370b3608677f779bc 
change example for viewport, add examples for css units and css flexbox
2 Dateien hinzugefügt
1 Dateien geändert
39 ■■■■■ Geänderte Dateien
templates/008-css/flexbox.html 20 ●●●●● Patch | Ansicht | Raw | Blame | Historie
templates/008-css/units.html 18 ●●●●● Patch | Ansicht | Raw | Blame | Historie
templates/008-css/viewport.html 1 ●●●●● Patch | Ansicht | Raw | Blame | Historie 
 templates/008-css/flexbox.html


Neue Datei


@@ -0,0 +1,20 @@


<!DOCTYPE html>



<html lang="en">



    <head>



        <meta charset="UTF-8">



        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">



        <title>Flexbox</title>



        <style>



            .container {



                display: flex;



            }



        </style>



    </head>



    <body>



        <div class="container">



            <div class="child">1</div>



            <div class="child crazy">2</div>



            <div class="child">3</div>



        </div>



    </body>



</html>





 templates/008-css/units.html


Neue Datei


@@ -0,0 +1,18 @@


<!DOCTYPE html>



<html lang="en">



    <head>



        <meta charset="UTF-8">



        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">



        <title>Units</title>



        <style>



            html {



                font-size: 16px;



            }



            


            .px { width: 10px; }



        </style>



    </head>



    <body>



        <div class="px">px</div>



    </body>



</html>





 templates/008-css/viewport.html


@@ -6,5 +6,6 @@


        <title>Viewport Example</title>



    </head>



    <body>



        Dies ist ein Text!



    </body>



</html>