Changed timeline responsiveness

This commit is contained in:
James Dinh 2022-05-31 15:20:04 -07:00
parent 4c2c2aa2db
commit e68f7784f0
2 changed files with 185 additions and 184 deletions

View File

@ -530,7 +530,8 @@ input::before, input::after {
top: 50%;
transform: translateY(-50%);
background-color: #2C3E50;
width: 6vw;
width: 80px;
/* width: 6vw; */
height: 5px;
}
input::before {
@ -560,7 +561,7 @@ input::before, input::after {
.dot-info {
width: 25px;
height: 25px;
display: block;
display: flex;
visibility: hidden;
position: relative;
z-index: -1;
@ -720,7 +721,7 @@ input::before, input::after {
#timeline-descriptions-wrapper {
margin-top: 30px;
margin-left: 0;
text-align: center;
text-align: left;
}
}
@media (max-width: 480px) {

View File

@ -126,7 +126,7 @@
<div data-description="1">
<h4>Opening Ceremony</h4>
<h5 class="timeline-description-subtitle">8/12 | 6:00pm - 6:30pm</h5><br>
<p class="timeline-description">The official start of the hackathon where we deliver the opening presentation along with the final teams, prompts, rules, and timeline.<br>
<p class="timeline-description">The official start of the hackathon where we deliver the opening presentation along with the finalized teams, prompts, rules, and timeline.<br>
<ul class="timeline-description-list">
<li>You are required to attend this portion of the hackathon to participate</li>
<li><span class="important-text">=IMPORTANT=</span> DO NOT START CODING during this period</li>
@ -210,9 +210,9 @@
<div class="info">
<p class="title">Start discussing ideas for a project</p>
<p>
- Between now and the start of the hackathon is a great time to come up with project ideas w/ your team
- Between now and the start of the hackathon is a great time to come up with project ideas & download any software you may need
<br>
- However, you can't start working on the project before the hackathon
- However, you can't start working on the project until the hackathon begins
</p>
</div>
</div>