some mobile fixes for images

This commit is contained in:
Barış Soner Uşaklı 2025-05-04 08:55:24 -04:00
parent c362878151
commit fd421447a1
2 changed files with 7 additions and 7 deletions

View file

@ -123,7 +123,7 @@
<div class="d-flex flex-column gap-5"> <div class="d-flex flex-column gap-5">
<div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center"> <div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<h3 class="fs-2 fw-semibold text-nowrap">Posting Topics and Replies</h3> <h3 class="fs-2 fw-semibold">Posting Topics and Replies</h3>
<p class="fs-5 text-secondary">Choose between a “What You See is What You Get” editor or a Markdown editor to compose topics and replies.</p> <p class="fs-5 text-secondary">Choose between a “What You See is What You Get” editor or a Markdown editor to compose topics and replies.</p>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
@ -136,14 +136,14 @@
<img src="./images/real-time-chat.png" class="img-fluid rounded" alt="NodeBB Open Source Hosting"> <img src="./images/real-time-chat.png" class="img-fluid rounded" alt="NodeBB Open Source Hosting">
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<h3 class="fs-2 fw-semibold text-nowrap">Real-time Chat</h3> <h3 class="fs-2 fw-semibold">Real-time Chat</h3>
<p class="fs-5 text-secondary">Chats take private messaging to a whole new level. Native multi-tasking support allows you to have streaming conversations with multiple people side-by-side.</p> <p class="fs-5 text-secondary">Chats take private messaging to a whole new level. Native multi-tasking support allows you to have streaming conversations with multiple people side-by-side.</p>
</div> </div>
</div> </div>


<div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center"> <div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<h3 class="fs-2 fw-semibold text-nowrap">Real-time Notifications</h3> <h3 class="fs-2 fw-semibold">Real-time Notifications</h3>
<p class="fs-5 text-secondary">NodeBB integrates real-time events in the background your users are notified instantly when someone follows them, likes their post, or subscribes to their topics.</p> <p class="fs-5 text-secondary">NodeBB integrates real-time events in the background your users are notified instantly when someone follows them, likes their post, or subscribes to their topics.</p>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
@ -215,7 +215,7 @@


<div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center"> <div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<h3 class="fs-2 fw-semibold text-nowrap">Be in Control</h3> <h3 class="fs-2 fw-semibold">Be in Control</h3>
<p class="fs-5 text-secondary">NodeBBs administration system makes it easy to control all aspects of your forum. Create an unlimited number of administrator and moderator accounts. Set permissions on each account according to your needs.</p> <p class="fs-5 text-secondary">NodeBBs administration system makes it easy to control all aspects of your forum. Create an unlimited number of administrator and moderator accounts. Set permissions on each account according to your needs.</p>
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
@ -228,14 +228,14 @@
<img src="./images/analytics.png" class="img-fluid rounded" alt="NodeBB Open Source Hosting"> <img src="./images/analytics.png" class="img-fluid rounded" alt="NodeBB Open Source Hosting">
</div> </div>
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<h3 class="fs-2 fw-semibold text-nowrap">Real-time Analytics Dashboard</h3> <h3 class="fs-2 fw-semibold">Real-time Analytics Dashboard</h3>
<p class="fs-5 text-secondary">Be in control with access to trending content, user activity, and other forum metrics. Create custom reports for any user actions. Then export the data into your favourite analytics software.</p> <p class="fs-5 text-secondary">Be in control with access to trending content, user activity, and other forum metrics. Create custom reports for any user actions. Then export the data into your favourite analytics software.</p>
</div> </div>
</div> </div>


<div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center"> <div class="row d-flex flex-column flex-column-reverse flex-lg-row align-items-center">
<div class="col-12 col-md-6"> <div class="col-12 col-md-6">
<h3 class="fs-2 fw-semibold text-nowrap">Drag-and-Drop Widgets</h3> <h3 class="fs-2 fw-semibold">Drag-and-Drop Widgets</h3>
<p class="fs-5 text-secondary">Add new functionality to your forum via the widgets system. You can add new content via an HTML widget or customize your forums presentation with over a dozen other widgets by dragging and dropping it onto a widget area on your forum.</p> <p class="fs-5 text-secondary">Add new functionality to your forum via the widgets system. You can add new content via an HTML widget or customize your forums presentation with over a dozen other widgets by dragging and dropping it onto a widget area on your forum.</p>
</div> </div>
<div class="col-12 col-md-6 text-center"> <div class="col-12 col-md-6 text-center">

View file

@ -128,7 +128,7 @@
</div> </div>
</div> </div>
<hr class="my-5"/> <hr class="my-5"/>
<div class="d-flex flex-column flex-column-reverse flex-lg-row gap-5 align-items-center"> <div class="d-flex flex-column flex-lg-row gap-5 align-items-center">
<div> <div>
<img src="./images/nbb-support.png" style="max-width:300px;height: auto;" alt="NodeBB Support"> <img src="./images/nbb-support.png" style="max-width:300px;height: auto;" alt="NodeBB Support">
</div> </div>