footer sticks to bottom

This commit is contained in:
Alexander Minkin 2021-08-21 21:50:35 +03:00
parent 71eec9d11b
commit e426f928ef

View file

@ -14,6 +14,9 @@
body { body {
font-family: 'Inter', sans-serif; font-family: 'Inter', sans-serif;
} }
main > .container {
padding-top: 60px;
}
</style> </style>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
@ -24,7 +27,7 @@
<meta name="theme-color" content="#ffffff"> <meta name="theme-color" content="#ffffff">
</head> </head>
<body> <body class="d-flex flex-column h-100">
<nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light"> <nav class="navbar sticky-top navbar-expand-lg navbar-light bg-light">
<div class="container"> <div class="container">
<a class="navbar-brand" href="https://weryskok.ru">WerySkok.ru</a> <a class="navbar-brand" href="https://weryskok.ru">WerySkok.ru</a>
@ -48,7 +51,7 @@
</div> </div>
</div> </div>
</nav> </nav>
<main> <main class="flex-shrink-0">
<section class="container mb-5"> <section class="container mb-5">
<h1 class="display-5 mb-4">Мой компьютер</h1> <h1 class="display-5 mb-4">Мой компьютер</h1>
<p>Так сложилось, что мой компьютер — покупной блок аж из 2013 года. Он собран компанией USN в линейке <p>Так сложилось, что мой компьютер — покупной блок аж из 2013 года. Он собран компанией USN в линейке