Skip to content

Commit 16c7334

Browse files
Fix mobile style of startup tier (#1324)
Co-authored-by: pre-commit-ci[bot] <66853113+pre-commit-ci[bot]@users.noreply.github.com>
1 parent ade4332 commit 16c7334

File tree

3 files changed

+58
-1
lines changed

3 files changed

+58
-1
lines changed

src/components/sponsor-tiers/sponsor-tiers.astro

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -258,7 +258,7 @@ const formatPrice = (price: number | string) => {
258258
For early-stage companies ready to connect with the community, boost visibility, and make a strong first impression.
259259
</p>
260260
</div>
261-
<div class="grid grid-cols-1 sm:grid-cols-1 gap-10 mx-96">
261+
<div class="grid grid-cols-1 gap-10 md:mx-50 lg:mx-60 xl:mx-96">
262262
{
263263
tiers
264264
.filter((tier) => tier.title === "Startup")

src/content/pages/sponsorship/sponsor.mdx

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -27,6 +27,7 @@ https://www.youtube.com/watch?v=oW8FHL4PiuI
2727

2828
Explore the benefits of sponsoring EuroPython:
2929

30+
<div class="md_table">
3031
| <IconLabel icon="users-viewfinder" title="Brand Exposure" /> | <IconLabel icon="bullseye" title="Product Promotion" /> | <IconLabel icon="award" title="Community Support" /> |
3132
|--------------------------------------------------------------------------------------- |----------------------------------------------------------------------------------------------- |--------------------------------------------------------------------------------- |
3233
| Boost your brand and connect with **1,500 Pythonistas** at this leading Python event. | Showcase your product to an engaged audience and **turn visibility into high-quality leads**. | Build **positive brand association** and gain community respect & appreciation. |
@@ -35,6 +36,8 @@ Explore the benefits of sponsoring EuroPython:
3536
|--------------------------------------------------------------------------------------- |----------------------------------------------------------------------------------------------- |--------------------------------------------------------------------------------- |
3637
| Tap into the expertise of the Python community to **upskill your team**. | Access **a pool of talented Python developers** looking for their next opportunity. | Discover new avenues and opportunities to **expand and grow your business**. |
3738

39+
</div>
40+
3841
#### Ready to Become a EuroPython 2025 Sponsor?
3942
<Button url="https://forms.gle/T8da5sQbKn6BFsxH7">Sign Up Now to Secure Your Spot!</Button>
4043

src/styles/markdown.css

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -98,3 +98,57 @@ p.cross::after {
9898
font-size: 1.3em;
9999
margin-left: 0.4em;
100100
}
101+
102+
.md_table {
103+
border-collapse: collapse;
104+
width: 100%;
105+
table-layout: fixed;
106+
}
107+
@media screen and (max-width: 680px) {
108+
.md_table thead {
109+
border: none;
110+
}
111+
.md_table tr {
112+
display: block;
113+
margin-bottom: 0.8em;
114+
border: none;
115+
}
116+
.md_table th {
117+
margin-bottom: 0.8em;
118+
border: none;
119+
display: block;
120+
}
121+
122+
.md_table thead th div {
123+
text-align: center;
124+
justify-content: center;
125+
}
126+
127+
.md_table tr td {
128+
border: none;
129+
display: block;
130+
text-align: left;
131+
position: relative;
132+
padding-inline-start: 0.8em;
133+
}
134+
.md_table tr td:before {
135+
content: attr(data-label);
136+
font-weight: bold;
137+
text-transform: uppercase;
138+
position: absolute;
139+
left: 0;
140+
}
141+
.md_table tr td:last-child {
142+
border-bottom: 0;
143+
}
144+
.md_table__thead {
145+
border: none;
146+
clip: rect(0 0 0 0);
147+
height: 1px;
148+
margin: -1px;
149+
overflow: hidden;
150+
padding: 0;
151+
position: absolute;
152+
width: 1px;
153+
}
154+
}

0 commit comments

Comments
 (0)