Level 70
@oxbir have you checked this discussion? https://stackoverflow.com/questions/37191672/100vh-doesnt-take-whole-screen
6 likes
Nov 21, 2020
2
Level 10
height 100vh not working
I want to create pdf with laravel. When I create a sidebar, It has need to height of 100%.
<!doctype html>
<html lang="fa">
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Document</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="wrapper">
<div class="col-300">
<div class="card">
<img src="{{ asset('images/avatar.png') }}">
</div>
</div>
<div class="col-822"></div>
</div>
</body>
</html>
style.css
body {
background-color: red;
font-family: Tahoma;
}
.col-300 {
width: 300px;
background-color: blue;
float: right;
min-height: 100vh;
height: auto !important;
}
.col-822 {
width: 822px;
height: 200px;
float: left;
background-color: green;
}
.card {
padding: 50px;
}
.card img {
width: 200px;
}
I see this demo.
Level 10
but i used pdf
5 likes
Please or to participate in this conversation.