Skip to content
Merged
Show file tree
Hide file tree
Changes from 1 commit
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
edit schedule section
  • Loading branch information
thejaswin123 committed Feb 9, 2022
commit 98875c07d0de87cc6eead325ba13eeb8f51feba2
26 changes: 10 additions & 16 deletions fss/index.html
Original file line number Diff line number Diff line change
Expand Up @@ -47,30 +47,21 @@
</div>
<div class="navbar__nav__items">
<button class="button__primary hamburger__menu mobile__only" id="hamburgermenu">



<div></div>
<div></div>
<div></div>
</button>
<div class="nav__item hide__mobile">
<li>
<a href="#">Home</a>
</li>
</div>
<div class="nav__item hide__mobile">
<li>
<a href="#about">About</a>
</li>
</div>
<div class="nav__item hide__mobile">
<li>
<a href="#schedule">Schedule</a>
</li>
</div>
<div class="nav__item hide__mobile">
<li>
<a href="#theme">Themes</a>
</li>
</div>
</div>

<div class="nav__item hide__mobile">
<li>
<a href="#contest-section">Contests</a>
Expand Down Expand Up @@ -302,10 +293,13 @@ <h3 class="arrow-txt">Do you accept <br />the invitation?</h3>
</div>
</section>

<!--Timeline--> <section>
<!--Timeline-->

</section>

<div id="schedule">
<div class="schedule-image">
<img class="gif" src="https://fontmeme.com/permalink/220209/96002ada86e392433362c7838f150f7f.png" alt="squid-game-font" >
</div>
<div class="tabset">

<input type="radio" name="tabset" id="tab1" aria-controls="marzen" checked>
Expand Down
22 changes: 21 additions & 1 deletion fss/styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -503,6 +503,7 @@ section {
min-height: 60vh;
width: 100%;
margin: 25px auto;
margin-bottom: 0;
border-radius: none
}

Expand Down Expand Up @@ -2467,4 +2468,23 @@ text-align: center;
display:flex;
flex-direction: row;
gap:3px;
}
}

.gif{
width:100%;
height:100%;
}

.schedule-image{
width:33%;
display: flex;
margin:30px auto;
}

@media screen and (max-width:600px) {
.schedule-image{
width:65%;
margin:20px auto;
}
}