🎈 perf: change responsiness of articles

Author: carlosjorger

src/components/Articles.astro

@@ -23,11 +23,11 @@ const allPosts = await Astro.glob('../pages/posts/*.md');
 			{
 				allPosts.map((post) => (
 					<a href={post.url} class="reveal w-full">
-						<article class="flex gap-4 overflow-hidden rounded-2xl border-4 border-solid border-[var(--default-secundary-font-color-2)] bg-[#322644] p-2 font-lato shadow-md shadow-black transition-[transform,box-shadow] duration-200 hover:scale-[1.02] hover:shadow-2xl max-sm:flex-col max-sm:self-center max-sm:p-3">
+						<article class="flex gap-4 overflow-hidden rounded-2xl border-4 border-solid border-[var(--default-secundary-font-color-2)] bg-[#322644] p-2 font-lato shadow-md shadow-black transition-[transform,box-shadow] duration-200 hover:scale-[1.02] hover:shadow-2xl max-lg:flex-col max-lg:self-center max-sm:p-3">
 							<img
 								transition:name={post.frontmatter.title}
 								src={post.frontmatter.image.src}
-								class="aspect-video w-48 rounded-xl max-sm:w-full"
+								class="aspect-video w-56 rounded-xl max-lg:w-full"
 								alt={post.frontmatter.image.alt}
 							/>
 							<section>

src/components/shared/WidthContainer.astro

@@ -1,3 +1,3 @@
-<div class="m-0 mx-auto w-[50%] max-md:w-[75%] max-sm:w-[85%]">
+<div class="m-0 mx-auto w-[50%] max-xl:w-[65%] max-lg:w-[60%] max-md:w-[75%] max-sm:w-[85%]">
 	<slot />
 </div>

src/pages/posts/como-crear-una-librer-a-para-vue3.md

@@ -2,7 +2,7 @@
 layout: ../../layouts/MarkdownPostLayout.astro
 title: '¿Como crear una librería para Vue3?'
 pubDate: 2024-04-04
-description: 'En este artículo explicare paso a paso como crear un librería para Vue3 usando <strong>Vite</strong> y <strong>Typescript</strong>.'
+description: 'En este artículo explico paso a paso como crear un librería para Vue3 usando <strong>Vite</strong> y <strong>Typescript</strong>.'
 image:
     src: '/images/vue-library-article-cover.webp'
     alt: 'Vue logo'

src/pages/posts/enriquece-el-drag-and-drop-de-tu-aplicacion-de-vue-3-con-vue-fluid-dnd.md

@@ -2,7 +2,7 @@
 layout: ../../layouts/MarkdownPostLayout.astro
 title: 'Presentando Vue Fluid DnD'
 pubDate: 2024-04-26
-description: 'En este artículo presenta a <strong>Vue Fluid DnD</strong> como una alternativa a funcionalidades drag and drop en <strong>Vue 3</strong>'
+description: 'Este artículo presenta a <strong>Vue Fluid DnD</strong> como una alternativa a funcionalidades drag and drop en <strong>Vue 3</strong>'
 image:
     src: '/images/vue-fluid-dnd-cover.webp'
     alt: 'Vue Fluid DnD logo'