System-End/site
1
0
Fork 0
mirror of https://github.com/System-End/site.git synced 2026-04-19 19:45:07 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

more responsiveness!

Browse source
This commit is contained in:
AW_Dev 2024-05-10 22:50:07 -07:00
parent e150ff14cf
commit c89d8fede7
2 changed files with 33 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
public/bin/index.html
View file

@ -44,9 +44,10 @@
<!-- timeline of project -->
<h1 class="timeline-header">
What will you make
<br>
<em>before summer break?</em>
</h1>
<h2 class="timeline-subheader">
before summer break?
</h2>
<div class="timeline-list">
<div class="timeline-item hoverable greenbutton" onclick="smoothScroll('.gambling-section')"
style="cursor: pointer;">
@ -172,7 +173,7 @@
</div>
<div class="faq-item">
<h3>What do I need?</h3>
<p>Just a browser simulate & computer to upload your code to the pico– we’ll give you all the equipment
<p>Just a browser simulator & computer to upload your code to the pico– we’ll give you all the equipment
you need for your circuit.</p>
</div>
<div class="faq-item">

33
public/bin/landing-new/style.css
View file

@ -571,6 +571,25 @@ button {
.project-idea-images {
display: flex;
}
.timeline {
padding: 30px;
}
.timeline-list {
padding: 0px !important;
}
.timeline-header {
font-size: 40px !important;
margin: 0 !important;
}
.timeline-subheader {
font-size: 30px !important;
margin: 0 !important;
margin-bottom: 20px !important;
}
}
/*who is even using this*/
@ -689,17 +708,24 @@ button {
margin: auto;
}
.timeline-header em {
.timeline-subheader {
font-weight: normal;
font-style: italic;
margin: auto;
width: fit-content;
font-size: 50px;
}
.timeline-list {
margin: 2em auto;
margin: auto;
grid-template-columns: 1fr 1fr 1fr;
height: min-content;
display: grid;
gap: 20px;
width: 80%;
width: 100%;
box-sizing: border-box;
padding: 50px;
max-width: 62em;
}
@ -707,7 +733,6 @@ button {
@media only screen and (max-width: 52em) {
.timeline-list {
grid-template-columns: 1fr;
max-width: 36em;
}
}