Как разместить класс HTML в самом низу страницы? ⇐ CSS

[Anonymous]

Я новичок (не судите строго) и написал сайт-портфолио. Я создал иконки для своих социальных сетей, но они двигаются, когда вы двигаете экран. Мне нужно убедиться, что они все время находятся внизу страницы. Мой CSS-код:

Код: Выделить всё

body {
display: flex;
justify-content: center;
align-items: flex-end;
min-height: 100vh;
font-family: 'Poppins', sans-serif;
}

.wrapper {
display: flex;
position: fixed;
bottom: 0;
padding: 10px;
}

.wrapper .icon {
background: rgba(255, 224, 172, 0.9);
border-radius: 50%;
margin: 10px;
width: 50px;
height: 50px;
font-size: 30px;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 -0.1px 10px black;
transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapper .tooltip {
position: absolute;
top: -20px;
font-size: 15px;
background: transparent;
padding: 5px 8px;
border-radius: 5px;
box-shadow: 0 10px 10px rgba(0, 0, 0, 0.1);
transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

.wrapper .icon:hover .tooltip {
opacity: 1;
}

.wrapper .icon:hover span,
.wrapper .icon:hover .tooltip {
text-shadow: 0px -1px 0px grey;
}

.wrapper .telegram:hover,
.wrapper .telegram:hover .tooltip,
.wrapper .telegram:hover .tooltip::before {
background: #1877F2;
color: #ffffff;
}

.wrapper .twitter:hover,
.wrapper .twitter:hover .tooltip,
.wrapper .twitter:hover .tooltip::before {
background: #000;
color: #ffffff;
}

.wrapper .github:hover,
.wrapper .github:hover .tooltip,
.wrapper .github:hover .tooltip::before {
background: #333333;
color: #ffffff;
}

.wrapper .VK:hover,
.wrapper .VK:hover .tooltip,
.wrapper .VK:hover .tooltip::before {
background: #2700EB;
color: #ffffff;
}

HTML:

Код: Выделить всё

[url=#]

Telegram
[i][/i]

[/url]
[url=#]

Twitter
[i][/i]

[/url]
[url=#]

GitHub
[i][/i]

[/url]
[url=#]

VK
[i][/i]

[/url]

Просмотрел много сайтов, в основном об этом пишут

Код: Выделить всё

position: fixed; bottom: 0;

или

Код: Выделить всё

position: absolute; bottom: 0;

но это не помогает.

Подробнее здесь: https://stackoverflow.com/questions/787 ... f-the-page