Shiloh/lasthourhosting
Shiloh/lasthourhosting
8
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: about page mobile formatting

Browse Source
This commit is contained in:
Gary 2024-03-21 10:47:45 -07:00
parent 1d3843af03
commit 5ba74d2b47
2 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
contact.html
View File

@ -36,12 +36,9 @@
<header id="header"></header> <header id="header"></header>
<main> <main>
<div class="flex-column"> <div class="flex-container">
<h1>Contact Us</h1> <h1>Contact Us</h1>
<p> <p>Our team is standing by, ready to lend a helping hand.</p>
Don't hesitate to give us a shout. Our team is standing by, ready to
lend a helping hand.
</p>
<div class="flex-row"> <div class="flex-row">
<div class="flex-container bg-one"> <div class="flex-container bg-one">
<h2>Email</h2> <h2>Email</h2>
@ -56,8 +53,10 @@
<h2>Session App ID</h2> <h2>Session App ID</h2>
<p>https://getsession.org/</p> <p>https://getsession.org/</p>
<p> <p>
Send message to: <strong>Send message to:</strong>
05749d3243893f39b968b5531bb8054a957736b99a86abd8731d3b06cec9f59e1b <span class="break-all"
>05749d3243893f39b968b5531bb8054a957736b99a86abd8731d3b06cec9f59e1b</span
>
</p> </p>
</div> </div>
<div class="flex-container bg-one"> <div class="flex-container bg-one">

11
css/styles.css
View File

@ -105,13 +105,16 @@ ul,
ol, ol,
td, td,
li { li {
word-break: normal;
color: #1c1c1c; color: #1c1c1c;
text-align: left; text-align: left;
margin: 0 auto; margin: 0 auto;
padding: 5px; padding: 5px;
max-width: 1000px; max-width: 1000px;
} }
.break-all {
word-break: break-all;
}
a { a {
color: white; color: white;
text-decoration: none; text-decoration: none;
@ -410,8 +413,12 @@ input:checked + .drop + .menu-items {
text-align: center; text-align: center;
padding: 20px; padding: 20px;
} }
/* mobile menu */
@media all and (max-width: 960px) { @media all and (max-width: 960px) {
.flex-column {
padding: 10px 5px;
}
/* mobile menu */
/* First Tier Dropdown */ /* First Tier Dropdown */
/* Display All Items in Full-width Column */ /* Display All Items in Full-width Column */