janishutz-legacy/impress.js
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix styling for mobile devices

Browse Source
This commit is contained in:
Janis Hutz
2023-03-09 19:40:24 +01:00
parent 252a2745c7
commit 60e4c5d4e6
2 changed files with 3 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
website/css/style.css
View File

@@ -36,6 +36,7 @@ body {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
justify-content: center;
width: 100%; width: 100%;
height: 120vh; height: 120vh;
margin-top: -0.5vh; margin-top: -0.5vh;
@@ -48,15 +49,12 @@ body {
} }
.title-content { .title-content {
position: relative;
color: white; color: white;
top: 20vh;
} }
.title-buttons { .title-buttons {
position: relative; margin-top: 10%;
font-size: 1.3rem; font-size: 1.3rem;
top: 30vh;
} }
.heading { .heading {

2
website/index.html
View File

@@ -73,7 +73,7 @@
</div> </div>
<div class="sidebyside-element"> <div class="sidebyside-element">
<h3>Familiar.</h3> <h3>Familiar.</h3>
<p>impress.js presentations can be written in HTML with only a few simple to understand element attributes. Highly detailed Documentation helps you in getting started!</p> <p>impress.js presentations can be written in HTML with only a few simple to understand element attributes. Highly detailed Documentation helps you getting started!</p>
</div> </div>
</div> </div>
<div class="sidebyside"> <div class="sidebyside">