ourworld_web/www_ourworld_tf
21
0
Fork 0
Code Issues 3 Pull Requests 2 Actions Packages Projects Releases 1 Wiki Activity

fixed blog mobile view

Browse Source
This commit is contained in:
timurgordon
2022-02-25 17:48:37 +03:00
parent d81a90aacd
commit d351bbc3f1
8 changed files with 30 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
templates/partials/featuredBlog.html
View File

@@ -1,12 +1,12 @@
<body>
<div class="relative mt-12 lg:mt-16 lg:grid lg:grid-cols-2 lg:gap-8 lg:items-center">
<div class="relative mx-24">
<div class="relative mt-12 lg:mt-16 grid grid-cols-2 gap-8 items-center">
<div class="relative xl:mx-24 lg:mx-20 md:mx-16 sm:mx-12 mx-8 w-full md:w-auto">
<h3 class="text-base not-italic leading-6 text-gray-600">FEATURED POST</h3>
<a href={{featured.permalink}} class="">
<h1 class="text-5xl fw-500 leading-snug font-normal mb-10">
<h2 class="mt-8 text-2xl sm:text-3xl md:text-4xl lg:text-5xl fw-500 leading-snug font-normal mb-4 md:mb-10 ">
{{ featured.title }}
</h1>
</h2>
</a>
<h4 class="text-sm not-italic font-light leading-6 text-gray-600">
@@ -16,8 +16,8 @@
</div>
<div class="mt-10 -mx-4 relative lg:mt-0 max-w-full">
<img class="relative mx-auto max-w-full max-h-80" src=/{{featured.extra.imgPath}} alt="" />
<div class="-mx-4 relative lg:mt-0 max-w-full">
<img class="relative mx-auto w-7/12 md:w-auto md:max-w-full max-h-80" src=/{{featured.extra.imgPath}} alt="" />
</div>
</div>