This commit is contained in:
2022-05-15 20:12:41 +02:00
parent bd7d723c02
commit 40cbbeea0c
2 changed files with 15 additions and 11 deletions

View File

@@ -5,12 +5,17 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title></title>
<title>Mozi</title>
</head>
<body onload="ulohelyekGeneralas()">
<div class="container">
<header>
<nav>
Mozis mozi mozizó
<div><!--masik flexbox, a navmenuk divek lesznek-->
</div>
</nav>
</header>
<main>
<!--<button class="btn btn-primary" onclick="ulohelyekGeneralas()">Generalás</button>-->
@@ -22,8 +27,7 @@
<div id="filmLeiras"></div>
<div id="filmKezdet"></div>
</div>
<div class="flex-container" id="szekek">
</div>
<div class="flex-container" id="szekek"></div>
</main>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js"></script>

View File

@@ -1,32 +1,32 @@
body{
margin-left: 1%;
/*margin-left: 1%;
margin-right: 1%;
margin-top: 1%;
margin-bottom: 1%;
margin-bottom: 1%;*/
margin: 1%;
}
.flex-container {
display: flex;
background-color: DodgerBlue;
/*background-color: DodgerBlue;*/
flex-direction: column;
flex-wrap: wrap;
justify-content: center;
padding: 1%;
}
.szek{
background-color: #f1f1f1;
width: 10%;
width: 5%;
margin: 1%;
text-align: center;
line-height: 100px;
line-height: 65px;
font-size: 30px;
}
.sor{
display: flex;
background-color: purple;
/*background-color: purple;*/
flex-direction: row;
flex-wrap: nowrap;
justify-content: center;