Skip to content

Commit 71b1d2a

Browse files
kpodemskikpodemski
committed
style adjustments
1 parent 1a5e500 commit 71b1d2a

File tree

1 file changed

+42
-15
lines changed

1 file changed

+42
-15
lines changed

‎content/releases/prestashop90.md‎

Lines changed: 42 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -73,6 +73,18 @@ image: "images/Version9Banner.png"
7373
margin: -10px 0 0 0;
7474
}
7575

76+
@media (max-width: 600px) {
77+
.toc-sidebar {
78+
display: flex;
79+
justify-content: center;
80+
padding-left: 0;
81+
}
82+
83+
.toc-sidebar-content {
84+
position: static;
85+
}
86+
}
87+
7688
.iframe-wrapper {
7789
position: relative;
7890
width: 100%;
@@ -99,12 +111,29 @@ image: "images/Version9Banner.png"
99111
margin-bottom: 1rem;
100112
}
101113

114+
@media (max-width: 1500px) {
115+
.section-title {
116+
font-size: 1.5rem;
117+
}
118+
}
119+
120+
img.api-platform-wabby {
121+
max-width: 400px;
122+
}
123+
124+
@media (max-width: 767px) {
125+
img.api-platform-wabby {
126+
max-width: 300px;
127+
}
128+
}
129+
102130
.custom-distro-link a {
103131
font-size: 0.9rem;
104132
}
105133
.custom-distro-link a:hover {
106134
text-decoration: underline;
107135
}
136+
108137
</style>
109138
<div class="container-fluid release-page">
110139
<div class="hero-banner">
@@ -113,20 +142,20 @@ image: "images/Version9Banner.png"
113142
<div class="col-md-6">
114143
<img src="/images/Version9Banner.png" class="img-fluid" alt="PrestaShop 9.0">
115144
</div>
116-
<div class="col-md-6 lead-text">
145+
<div class="col-md-6 lead-text mt-5">
117146
<p>
118147
PrestaShop 9 brings Symfony 6.4 LTS, PHP 8.4 support, the new Admin API, Hummingbird theme, improved SEO and security, and a faster, fully modern back office.
119148
</p>
120149
<p>
121150
It's a major release introducing a modernized architecture, next-gen APIs, improved performance, and flexibility.
122151
</p>
123152
<p class="text-center mt-5">
124-
<a target="_blank" href="https://prestashop.com/versions/" class="cta cta--pattern mr-5">
153+
<a target="_blank" href="https://prestashop.com/versions/" class="cta cta--pattern mr-md-5">
125154
<span class="mb-0">
126155
Download Now
127156
</span>
128157
</a>
129-
<a target="_blank" href="https://build.prestashop-project.org/news/2025/prestashop-9-0-available/" class="cta cta-dark cta--pattern">
158+
<a target="_blank" href="https://build.prestashop-project.org/news/2025/prestashop-9-0-available/" class="cta cta-dark cta--pattern mt-2 mt-sm-0">
130159
<span class="mb-0">
131160
Release Notes
132161
</span>
@@ -140,7 +169,7 @@ image: "images/Version9Banner.png"
140169
</div>
141170
</div>
142171
<div class="row">
143-
<div class="col-md-2 toc-sidebar">
172+
<div class="col-md-4 col-xl-2 toc-sidebar">
144173
<div class="toc-sidebar-content">
145174
<p class="h4">PrestaShop 9.0</p>
146175
<ul class="toc-links">
@@ -157,7 +186,7 @@ image: "images/Version9Banner.png"
157186
</ul>
158187
</div>
159188
</div>
160-
<div class="col-md-10 px-0">
189+
<div class="col-md-8 col-xl-10 px-0">
161190
<section class="section" id="highlights">
162191
<div class="container-fluid release-page-content">
163192
<div class="row">
@@ -189,13 +218,13 @@ image: "images/Version9Banner.png"
189218
</div>
190219
<div class="row">
191220
<div class="col-md-5">
192-
<h2 class="section-title">PHP 8.1-8.4 compatibilitty</h2>
221+
<h2 class="section-title">PHP 8.1-8.4 compatibility</h2>
193222
<p>
194223
PrestaShop 9 now requires at least PHP 8.1 and brings compatibility with the most recent <a href="https://www.php.net/releases/8.4/en.php">PHP 8.4</a>. Each new PHP version introduces performance and security improvements, making it worthwhile to run PrestaShop on the most recent PHP version available. Plus, if you target the latest PHP version, you can benefit from all the <a href="https://www.php.net/releases/8.4/en.php">new language features</a>!
195224
</p>
196225
</div>
197226
<div class="col-md-7">
198-
<p class="mt-5">
227+
<p class="mt-md-5">
199228
<div class="php-logo">
200229
<img loading="lazy" src="/releases/images/ps90/logo_php8_4.svg">
201230
</div>
@@ -210,7 +239,7 @@ image: "images/Version9Banner.png"
210239
</p>
211240
</div>
212241
<div class="col-md-7">
213-
<p class="mt-5">
242+
<p class="mt-md-5">
214243
<img width="100%" loading="lazy" src="/releases/images/ps8/logo_symfony.svg">
215244
</p>
216245
</div>
@@ -223,8 +252,8 @@ image: "images/Version9Banner.png"
223252
</p>
224253
</div>
225254
<div class="col-md-7">
226-
<p class="mt-5 text-center">
227-
<img style="max-width: 400px;" loading="lazy" src="/releases/images/ps90/wabby_logo_api-platform.png">
255+
<p class="mt-md-5 text-center">
256+
<img class="api-platform-wabby" loading="lazy" src="/releases/images/ps90/wabby_logo_api-platform.png">
228257
</p>
229258
</div>
230259
</div>
@@ -325,7 +354,7 @@ image: "images/Version9Banner.png"
325354
<div class="container-fluid release-page-content">
326355
<div class="row">
327356
<div class="col">
328-
<p class="display-4 text-center">SEO&URLs</h2>
357+
<p class="display-4 text-center">SEO & URLs</h2>
329358
</div>
330359
</div>
331360
<div class="row">
@@ -416,16 +445,14 @@ image: "images/Version9Banner.png"
416445
</div>
417446
</section>
418447
<section class="section" id="developer-features">
419-
<div class="row">
448+
<div class="container-fluid release-page-content">
420449
<div class="col">
421450
<p class="display-4 text-center">Developer features</h2>
422451
<p class="text-center">
423452
PrestaShop 9 introduces several new features and improvements for developers, making it easier to build and maintain modules, themes, and customizations. <br>
424453
The main improvenet is, of course, Symfony 6.4 LTS and PHP 8.1–8.4 support, but there are also many other improvements that make the development experience smoother and more efficient.
425454
</p>
426455
</div>
427-
</div>
428-
<div class="container-fluid release-page-content">
429456
<div class="row">
430457
<div class="col-md-6">
431458
<p class="section-title section-title--subtitle">Restricted access to debug mode</p>
@@ -528,7 +555,7 @@ image: "images/Version9Banner.png"
528555
</div>
529556
</section>
530557
<section class="section bg-dark" id="updating">
531-
<div class="container">
558+
<div class="container-fluid release-page-content">
532559
<div class="row">
533560
<div class="col-md-6">
534561
<h2 class="section-title text-light">Update Assistant</h2>

0 commit comments

Comments
 (0)