small browser view fixes

This commit is contained in:
timurgordon 2022-02-28 14:43:37 +03:00
parent ae3ca6b2a5
commit b1357d5ca5
4 changed files with 15 additions and 10 deletions

View File

@ -40,20 +40,20 @@ Join an ecosystem of gamechanging communities and organizations
|||
![Image](/images/tf_logo.png)
![Image](/images/tf_logo.png)
![Image](/images/tf_logo.png)
![Image](/images/tf_logo.png#logo)
![Image](/images/tf_logo.png#logo)
![Image](/images/tf_logo.png#logo)
|||
![Image](/images/tf_logo.png)
![Image](/images/tf_logo.png)
![Image](/images/tf_logo.png)
![Image](/images/tf_logo.png#logo)
![Image](/images/tf_logo.png#logo)
![Image](/images/tf_logo.png#logo)
|||
![Image](/images/tf_logo.png)
![Image](/images/tf_logo.png)
![Image](/images/tf_logo.png#logo)
![Image](/images/tf_logo.png#logo)
{% end %}

View File

@ -28,6 +28,11 @@ img[src*="#medium"] {
margin: auto;
}
img[src*="#logo"] {
max-width: 260px;
margin: auto;
}
img[src*="#large"] {
width: 400px;
margin: auto;

View File

@ -11,7 +11,7 @@
{% endif %}
</h1>
<div>
<div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-3 lg:max-w-none">
<div class="mt-12 grid gap-5 max-w-lg mx-auto lg:grid-cols-2 xl:grid-cols-3 lg:max-w-none">
{%- for post in paginator.pages %}
{% if "Engineering" == "Engineering"%}
{% include "partials/postCard.html" %}

View File

@ -10,7 +10,7 @@ Parameters:
-->
{% set columns = body | safe | markdown | split(pat="|||") %}
{% set classes = "relative pt-12 flex flex-col md:flex-row lg:flex-row p-8 sm:p-12 md:p-16 lg:p-20 lg:py-16"%}
{% set classes = "relative pt-12 flex flex-col sm:grid sm:grid-cols-2 sm:gap-10 xl:flex xl:flex-row p-8 sm:p-12 md:p-16 lg:p-20 lg:py-16"%}
{% if 2 < columns | length %}
{% set classes = classes ~ " lg:items-start" %}