aljaz/landscape-template
1
0
Fork 0
mirror of https://github.com/aljazceru/landscape-template.git synced 2026-01-01 05:24:24 +01:00
Code Issues Packages Projects Releases Wiki Activity

fixed aspect-ratio

Browse Source
This commit is contained in:
=Mtg_Dev
2021-11-23 11:45:31 +02:00
parent 15dcee4f88
commit 23f61c12f8
1 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
src/Components/Project/ProjectCard.tsx
View File

@@ -93,17 +93,17 @@ export default function ProjectCard({ onClose, direction, ...props }: ModalCard)
<div className="mt-40">
<h3 className="text-h5 font-bold mb-16">Screenshots</h3>
<div className="grid grid-cols-2 gap-12 justify-items-center md:gap-24">
<div className="w-full relative" style={{ aspectRatio: '16/9' }}>
<div className="w-full h-full object-cover bg-gray-300 rounded-xl"></div>
<div className="w-full relative pt-[56%]">
<div className="absolute inset-0 object-cover bg-gray-300 rounded-xl"></div>
</div>
<div className="w-full relative" style={{ aspectRatio: '16/9' }}>
<div className="w-full h-full object-cover bg-gray-300 rounded-xl"></div>
<div className="w-full relative pt-[56%]">
<div className="absolute inset-0 object-cover bg-gray-300 rounded-xl"></div>
</div>
<div className="w-full relative" style={{ aspectRatio: '16/9' }}>
<div className="w-full h-full object-cover bg-gray-300 rounded-xl"></div>
<div className="w-full relative pt-[56%]">
<div className="absolute inset-0 object-cover bg-gray-300 rounded-xl"></div>
</div>
<div className="w-full relative" style={{ aspectRatio: '16/9' }}>
<div className="w-full h-full object-cover bg-gray-300 rounded-xl"></div>
<div className="w-full relative pt-[56%]">
<div className="absolute inset-0 object-cover bg-gray-300 rounded-xl"></div>
</div>
</div>
</div>