Display Flex
This commit is contained in:
parent
ab0537f247
commit
dd1a185729
@ -297,22 +297,29 @@ section {
|
||||
|
||||
#event-container {
|
||||
display: flex;
|
||||
flex: row wrap;
|
||||
flex-wrap: wrap;
|
||||
margin-top: 20px;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
#event-description {
|
||||
padding: 10px;
|
||||
max-width: 700px;
|
||||
min-width: 400px;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.list {
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.list li{
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
||||
#steps-card {
|
||||
width: 300px;
|
||||
width: fit-content;
|
||||
min-width: 300px;
|
||||
border-radius: 5px;
|
||||
background-color: #0d1117;
|
||||
background-color: #1e2227;
|
||||
@ -323,11 +330,10 @@ section {
|
||||
}
|
||||
|
||||
#steps-list {
|
||||
list-style: inside;
|
||||
padding-left: 10px;
|
||||
}
|
||||
|
||||
#steps-list li{
|
||||
list-style: inside;
|
||||
margin: 10px 0 30px;
|
||||
}
|
||||
|
||||
|
@ -95,13 +95,13 @@
|
||||
<article>
|
||||
<h3 id="steps-header">STEPS</h3>
|
||||
<div id="steps-card">
|
||||
<ul class="list" id="steps-list">
|
||||
<ol class="list" id="steps-list">
|
||||
<li>Sign up w/ <a class="link" target="_blank" href="https://forms.gle/coK7q43RwBV2f15i7">form</a></li>
|
||||
<li>Join the Discord</li>
|
||||
<li>Create/join a team</li>
|
||||
<li>Start discussing ideas for a project</li>
|
||||
<li>Wait for the hackathon to start!</li>
|
||||
</ul>
|
||||
</ol>
|
||||
</div>
|
||||
</article>
|
||||
</div>
|
||||
|
Loading…
Reference in New Issue
Block a user