fix and-more overflow on hover

This commit is contained in:
mhmdali102 2022-11-01 19:25:08 +02:00
parent 286e459404
commit d4f3917fa2
2 changed files with 10 additions and 4 deletions

View file

@ -452,15 +452,19 @@ header {
.and-more h1 {
padding-top: 30px;
width: 100%;
width: fit-content;
margin-inline: auto;
font-size: 53px;
text-align: center;
color: #cfe8f6;
font-family: "JosefinSans-Regular";
background-color: #1a1a2e;
transition: all 0.5s ease;
}
.and-more a {
color: #cfe8f6;
}
.and-more h1:hover {
color: aquamarine;
transform: scale(1.2);

View file

@ -141,7 +141,9 @@
</div>
</div>
<div class="and-more">
<a href="https://github.com/hyprwm/Hyprland#features" style="text-decoration: none;"><h1>And More!</h1></a>
<h1>
<a href="https://github.com/hyprwm/Hyprland#features" style="text-decoration: none;">And More!</a>
</h1>
</div>
<div class="get-started">
<div id="get-started-button"><a href="https://wiki.hyprland.org/Getting-Started/Installation/">Install Hyprland</a></div>
@ -205,4 +207,4 @@
<script src="https://cdn.jsdelivr.net/npm/swiper@8/swiper-bundle.min.js"></script>
<script src="js/swiper.js"></script>
</body>
</html>
</html>