hide contact image on tablet sized screens
This commit is contained in:
parent
fb0e7667ae
commit
eb28c19ad5
2 changed files with 3 additions and 3 deletions
|
@ -3,13 +3,13 @@
|
|||
<div class="mb-24 h-full">
|
||||
<div class="flex flex-col">
|
||||
{{ if .Params.contact }}
|
||||
<section class="flex flex-col md:flex-row m-4 gap-8">
|
||||
<section class="flex-row flex m-4 gap-8">
|
||||
<div class="bg-[#f1f5fc] p-4 rounded-lg">
|
||||
<p class="text-5xl uppercase">{{ .Title }}</p>
|
||||
<p class="text-lg">{{ .Params.subTitle }}</p>
|
||||
{{ partial "contact.html" . }}
|
||||
</div>
|
||||
<div class="bg-[#f1f5fc] p-4 rounded-lg">
|
||||
<div class="md:flex hidden bg-[#f1f5fc] p-4 rounded-lg">
|
||||
<img class="object-cover aspect-[12/10] h-96 rounded-lg" src="{{ .Params.img }}"></img>
|
||||
</div>
|
||||
</section>
|
||||
|
|
2
themes/mir/static/css/tailwind.min.css
vendored
2
themes/mir/static/css/tailwind.min.css
vendored
File diff suppressed because one or more lines are too long
Loading…
Add table
Reference in a new issue