<!DOCTYPE html><html lang="en" class="scroll-smooth" data-astro-cid-37fxchfa> <head><!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-Z6K5JZZC42"></script> <script>
	window.dataLayer = window.dataLayer || []
	function gtag() {
		dataLayer.push(arguments)
	}
	gtag('js', new Date())
	gtag('config', 'G-Z6K5JZZC42')
</script><!-- Global Metadata --><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><meta name="msapplication-TileColor" content="#da532c"><meta name="theme-color" content="#ffffff"><!-- Canonical URL --><link rel="canonical" href="https://www.societystylist.com/"><!-- Primary Meta Tags --><title>Home</title><!-- SEO --><meta name="title" content="Home"><meta name="description" content="Fashion Blog"><meta name="author" content="Society Stylist"><!-- Open Graph / Facebook --><meta property="og:type" content="website"><meta property="og:url" content="https://www.societystylist.com/"><meta property="og:title" content="Home"><meta property="og:description" content="Fashion Blog"><meta property="og:image" content="https://www.societystylist.com/open-graph.png"><!-- Twitter --><meta property="twitter:card" content="summary_large_image"><meta property="twitter:url" content="https://www.societystylist.com/"><meta property="twitter:title" content="Home"><meta property="twitter:description" content="Fashion Blog"><meta property="twitter:image" content="https://www.societystylist.com/open-graph.png"><!-- RSS auto-discovery --><link rel="alternate" type="application/rss+xml" title="Society Stylist" href="/rss.xml"><link as="font" crossorigin rel="preload" href="/fonts/Manrope-Bold.woff2" type="font/woff2"><style>@font-face {font-weight: 200;font-style: normal;font-family: Manrope;font-display: swap;src: url(/fonts/Manrope-ExtraLight.woff2)}</style><style>@font-face {font-weight: 300;font-style: normal;font-family: Manrope;font-display: swap;src: url(/fonts/Manrope-Light.woff2)}</style><style>@font-face {font-weight: 400;font-style: normal;font-family: Manrope;font-display: swap;src: url(/fonts/Manrope-Regular.woff2)}</style><style>@font-face {font-weight: 500;font-style: normal;font-family: Manrope;font-display: swap;src: url(/fonts/Manrope-Medium.woff2)}</style><style>@font-face {font-weight: 600;font-style: normal;font-family: Manrope;font-display: swap;src: url(/fonts/Manrope-SemiBold.woff2)}</style><style>@font-face {font-weight: 700;font-style: normal;font-family: Manrope;font-display: swap;src: url(/fonts/Manrope-Bold.woff2)}</style><style>@font-face {font-weight: 800;font-style: normal;font-family: Manrope;font-display: swap;src: url(/fonts/Manrope-ExtraBold.woff2)}</style><style>@font-face { font-family: '_font_fallback_1304688110220'; size-adjust: 103.76%; src: local('Arial'); ascent-override: 102.74%; descent-override: 28.91%; line-gap-override: 0.00%; }</style><link rel="stylesheet" href="/_astro/_page_.1bFuyGx5.css" />
<link rel="stylesheet" href="/_astro/_slug_.vMXLO91R.css" />
<style>body{margin-left:calc(100vw - 100%)}
</style><script type="module" src="/_astro/hoisted.NceRG_-0.js"></script>
<script type="module" src="/_astro/page.jTibhxbt.js"></script></head> <body class="bg-white text-stone-950" data-astro-cid-37fxchfa> <header class="relative flex items-center px-5 font-semibold sm:mx-auto sm:max-w-2xl sm:px-4 md:max-w-6xl lg:px-2"> <a class="my-4 mr-auto text-lg" href="/"> <img src="/_astro/Society-Stylist-Logo.aEgXRlV9_ZOSJWd.webp" srcset="/_astro/Society-Stylist-Logo.aEgXRlV9_hkx49.webp 1.5x, /_astro/Society-Stylist-Logo.aEgXRlV9_1oyP5v.webp 2x" alt="Logo" width="240" height="72" loading="lazy" decoding="async"> </a> <div> <nav class="flex h-full flex-col justify-between text-left md:w-full md:flex-row"> <div id="astro-header-drawer" class="absolute right-0 top-20 z-20 hidden bg-white px-2 md:relative md:right-auto md:top-auto md:flex"> <a href="/category/fashion/" class="text-opacity-60 my-4 flex items-center gap-1 text-2xl md:mx-4 md:text-base" rel="noopener noreferrer "> 
Fashion
 </a> <a href="/category/dresses/" class="text-opacity-60 my-4 flex items-center gap-1 text-2xl md:mx-4 md:text-base" rel="noopener noreferrer "> 
Dresses
 </a> <a href="/category/jeans/" class="text-opacity-60 my-4 flex items-center gap-1 text-2xl md:mx-4 md:text-base" rel="noopener noreferrer "> 
Jeans
 </a> <a href="/category/trends-and-styles/" class="text-opacity-60 my-4 flex items-center gap-1 text-2xl md:mx-4 md:text-base" rel="noopener noreferrer "> 
Styles
 </a> <a href="/category/pants/" class="text-opacity-60 my-4 flex items-center gap-1 text-2xl md:mx-4 md:text-base" rel="noopener noreferrer "> 
Pants
 </a> <a href="/category/shoes/" class="text-opacity-60 my-4 flex items-center gap-1 text-2xl md:mx-4 md:text-base" rel="noopener noreferrer "> 
Shoes
 </a> <a href="/category/accessories/" class="text-opacity-60 my-4 flex items-center gap-1 text-2xl md:mx-4 md:text-base" rel="noopener noreferrer "> 
Accessories
 </a> </div> </nav> </div> <div class="flex items-center gap-3 md:pl-3" data-astro-transition-persist="navbar"> <div> <site-search id="search" class="ms-auto"> <button data-open-modal disabled class="flex items-center justify-center gap-1 rounded-md"> <svg aria-label="search" class="h-6 w-6" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"> <path stroke="none" d="M0 0h24v24H0z"></path> <path d="M3 10a7 7 0 1 0 14 0 7 7 0 1 0-14 0M21 21l-6-6"></path> </svg> <!-- <span class='md:hidden text-2xl'> Search</span> --> </button> <dialog aria-label="search" class="h-full max-h-full w-full max-w-full border border-zinc-400 bg-white opacity-0 shadow backdrop:backdrop-blur sm:mx-auto sm:mb-auto sm:mt-16 sm:h-max sm:max-h-[calc(100%-8rem)] sm:min-h-[15rem] sm:w-5/6 sm:max-w-[48rem] sm:rounded-md"> <div class="dialog-frame flex flex-col gap-4 p-6 pt-12 sm:pt-6"> <button data-close-modal class="ms-auto cursor-pointer rounded-full bg-black px-4 py-2 text-white">Close</button> <div class="search-container "> <div id="pagefind__search"></div> </div> </div> </dialog> </site-search>  </div> <button id="astro-header-drawer-button" type="button" class="md:ml-6 md:hidden"> <div class="menu-button flex h-6 w-6 cursor-pointer flex-col justify-around"> <span class="menu-bar block h-px w-full bg-black transition-all duration-100 ease-in"></span> <span class="menu-bar block h-px w-full bg-black transition-all duration-100 ease-in"></span> <span class="menu-bar block h-px w-full bg-black transition-all duration-100 ease-in"></span> </div> <span class="sr-only">Show Menu</span> </button> </div> </header>  <main class="" data-astro-cid-37fxchfa>  <div> <section class="py-14"> <div class="mx-auto max-w-screen-lg">  <div class="md:grid grid-cols-2 md:grid-cols-3 gap-8 m-3"> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/how-i-found-the-perfect-shoulder-bag-for-every-occasion/"> <img src="/images/how-i-found-the-perfect-shoulder-bag-for-every-occasion_img_53083428099399550.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of How I Found the Perfect Shoulder Bag for Every Occasion" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/how-i-found-the-perfect-shoulder-bag-for-every-occasion/"> How I Found the Perfect Shoulder Bag for Every Occasion </a> <a class="text-center text-pink-600" href="/category/accessories"> Accessories </a> </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/why-im-betting-big-on-blazer-and-jeans-combos-in-2024/"> <img src="/images/why-im-betting-big-on-blazer-and-jeans-combos-in-2024_img_61653171006540690.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Why I'm Betting Big on Blazer and Jeans Combos in 2024" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/why-im-betting-big-on-blazer-and-jeans-combos-in-2024/"> Why I&#39;m Betting Big on Blazer and Jeans Combos in 2024 </a> <a class="text-center text-pink-600" href="/category/outerwear"> Outerwear </a> </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/styling-my-wardrobe-for-70-degree-days-a-transitional-guide/"> <img src="/images/styling-my-wardrobe-for-70-degree-days-a-transitional-guide_img_49181016022055336.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Styling My Wardrobe for 70-Degree Days: A Transitional Guide" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/styling-my-wardrobe-for-70-degree-days-a-transitional-guide/"> Styling My Wardrobe for 70-Degree Days: A Transitional Guide </a> <a class="text-center text-pink-600" href="/category/outerwear"> Outerwear </a> </div> </article>  </div> </div> </section> <section class="py-14 bg-pink-100"> <div class="mx-auto max-w-screen-lg"> <h2 class="mb-10 text-center text-2xl font-bold md:text-3xl ">Shoes</h2> <div class="md:grid grid-cols-2 md:grid-cols-3 gap-8 m-3 grid-rows-2 md:[&#38;>*:first-child]:col-span-2 md:[&#38;>*:first-child]:row-span-2 md:[&#38;>*:not(:first-child)]:row-span-1 md:[&#38;>*:not(:first-child)]:max-h-[350px] md:[&#38;>*:first-child]:max-h-[700px]"> <article class="grid grid-rows-[400px_auto] md:grid-rows-[auto]"> <a class="relative overflow-hidden" href="/falling-hard-for-slouchy-boots-how-i-wear-them/"> <img src="/images/falling-hard-for-slouchy-boots-how-i-wear-them_img_71079455332191060.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Falling Hard for Slouchy Boots: How I Wear Them" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-center mb-3 font-semibold -tracking-wider text-base" href="/falling-hard-for-slouchy-boots-how-i-wear-them/"> Falling Hard for Slouchy Boots: How I Wear Them </a>  </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[auto]"> <a class="relative overflow-hidden" href="/the-winter-shoe-trends-im-already-obsessed-with/"> <img src="/images/the-winter-shoe-trends-im-already-obsessed-with_img_65467792129079950.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of The Winter Shoe Trends I'm Already Obsessed With" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-center mb-3 font-semibold -tracking-wider text-base" href="/the-winter-shoe-trends-im-already-obsessed-with/"> The Winter Shoe Trends I&#39;m Already Obsessed With </a>  </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[auto]"> <a class="relative overflow-hidden" href="/why-ankle-boots-are-my-go-to-footwear-for-every-outfit/"> <img src="/images/why-ankle-boots-are-my-go-to-footwear-for-every-outfit_img_27692027875342950.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Why Ankle Boots Are My Go-To Footwear for Every Outfit" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-center mb-3 font-semibold -tracking-wider text-base" href="/why-ankle-boots-are-my-go-to-footwear-for-every-outfit/"> Why Ankle Boots Are My Go-To Footwear for Every Outfit </a>  </div> </article>  </div> </div> </section> <section class="py-14"> <div class="mx-auto max-w-screen-lg">  <div class="md:grid grid-cols-2 md:grid-cols-3 gap-8 m-3"> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/the-secret-to-rocking-puddle-pants-with-zero-effort/"> <img src="/images/the-secret-to-rocking-puddle-pants-with-zero-effort_img_76946241615954300.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of The Secret to Rocking Puddle Pants with Zero Effort" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/the-secret-to-rocking-puddle-pants-with-zero-effort/"> The Secret to Rocking Puddle Pants with Zero Effort </a> <a class="text-center text-pink-600" href="/category/pants"> Pants </a> </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/why-cargo-pants-are-my-unexpected-style-hero/"> <img src="/images/why-cargo-pants-are-my-unexpected-style-hero_img_50813613791086760.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Why Cargo Pants Are My Unexpected Style Hero" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/why-cargo-pants-are-my-unexpected-style-hero/"> Why Cargo Pants Are My Unexpected Style Hero </a> <a class="text-center text-pink-600" href="/category/pants"> Pants </a> </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/12-linen-pant-outfits-im-living-in-this-summer/"> <img src="/images/12-linen-pant-outfits-im-living-in-this-summer_img_12957922594706112.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of 12 Linen Pant Outfits I'm Living in This Summer" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/12-linen-pant-outfits-im-living-in-this-summer/"> 12 Linen Pant Outfits I&#39;m Living in This Summer </a> <a class="text-center text-pink-600" href="/category/pants"> Pants </a> </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/my-journey-to-finding-the-perfect-pair-of-cropped-pants/"> <img src="/images/my-journey-to-finding-the-perfect-pair-of-cropped-pants_img_347528444842579.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of My Journey to Finding the Perfect Pair of Cropped Pants" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/my-journey-to-finding-the-perfect-pair-of-cropped-pants/"> My Journey to Finding the Perfect Pair of Cropped Pants </a> <a class="text-center text-pink-600" href="/category/pants"> Pants </a> </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/the-art-of-linen-pant-styling-my-seasonal-go-to/"> <img src="/images/the-art-of-linen-pant-styling-my-seasonal-go-to_img_93055549639132640.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of The Art of Linen Pant Styling: My Seasonal Go-To" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/the-art-of-linen-pant-styling-my-seasonal-go-to/"> The Art of Linen Pant Styling: My Seasonal Go-To </a> <a class="text-center text-pink-600" href="/category/pants"> Pants </a> </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/the-secret-to-styling-wide-leg-sweatpants-for-a-chic-look/"> <img src="/images/the-secret-to-styling-wide-leg-sweatpants-for-a-chic-look_img_78408161734694220.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of The Secret to Styling Wide-Leg Sweatpants for a Chic Look" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/the-secret-to-styling-wide-leg-sweatpants-for-a-chic-look/"> The Secret to Styling Wide-Leg Sweatpants for a Chic Look </a> <a class="text-center text-pink-600" href="/category/pants"> Pants </a> </div> </article>  </div> </div> </section> <section class="py-14 bg-pink-100"> <div class="mx-auto max-w-screen-lg"> <h2 class="mb-10 text-center text-2xl font-bold md:text-3xl ">Dresses</h2> <div class="md:grid grid-cols-2 md:grid-cols-3 gap-8 m-3 grid-rows-2 md:[&#38;>*:first-child]:col-span-2 md:[&#38;>*:first-child]:row-span-2 md:[&#38;>*:not(:first-child)]:row-span-1 md:[&#38;>*:not(:first-child)]:max-h-[350px] md:[&#38;>*:first-child]:max-h-[700px]"> <article class="grid grid-rows-[400px_auto] md:grid-rows-[auto]"> <a class="relative overflow-hidden" href="/cozy-and-chic-my-go-to-winter-wedding-guest-dresses/"> <img src="/images/cozy-and-chic-my-go-to-winter-wedding-guest-dresses_img_95555865819422960.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Cozy &#38; Chic: My Go-To Winter Wedding Guest Dresses" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-center mb-3 font-semibold -tracking-wider text-base" href="/cozy-and-chic-my-go-to-winter-wedding-guest-dresses/"> Cozy &amp; Chic: My Go-To Winter Wedding Guest Dresses </a>  </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[auto]"> <a class="relative overflow-hidden" href="/falling-for-cocktails-my-top-picks-for-autumn-celebrations/"> <img src="/images/falling-for-cocktails-my-top-picks-for-autumn-celebrations_img_46714246400087336.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Falling for Cocktails: My Top Picks for Autumn Celebrations" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-center mb-3 font-semibold -tracking-wider text-base" href="/falling-for-cocktails-my-top-picks-for-autumn-celebrations/"> Falling for Cocktails: My Top Picks for Autumn Celebrations </a>  </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[auto]"> <a class="relative overflow-hidden" href="/transforming-dresses-from-daytime-chic-to-night-glam/"> <img src="/images/transforming-dresses-from-daytime-chic-to-night-glam_img_98491785788309100.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Transforming Dresses from Daytime Chic to Night Glam" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-center mb-3 font-semibold -tracking-wider text-base" href="/transforming-dresses-from-daytime-chic-to-night-glam/"> Transforming Dresses from Daytime Chic to Night Glam </a>  </div> </article>  </div> </div> </section> <section class="py-14"> <div class="mx-auto max-w-screen-lg"> <h2 class="mb-10 text-center text-2xl font-bold md:text-3xl ">Skirts</h2> <div class="md:grid grid-cols-2 md:grid-cols-3 gap-8 m-3"> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/my-ultimate-guide-to-wearing-midi-skirts-with-any-shoe/"> <img src="/images/my-ultimate-guide-to-wearing-midi-skirts-with-any-shoe_img_76007002001583940.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of My Ultimate Guide to Wearing Midi Skirts with Any Shoe" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/my-ultimate-guide-to-wearing-midi-skirts-with-any-shoe/"> My Ultimate Guide to Wearing Midi Skirts with Any Shoe </a>  </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/leather-skirt-outfits-im-obsessed-with/"> <img src="/images/leather-skirt-outfits-im-obsessed-with_img_53897913368892136.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Leather Skirt Outfits I'm Obsessed With" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/leather-skirt-outfits-im-obsessed-with/"> Leather Skirt Outfits I&#39;m Obsessed With </a>  </div> </article> <article class="grid grid-rows-[400px_auto] md:grid-rows-[500px_auto]"> <a class="relative overflow-hidden" href="/ditching-the-dress-how-i-style-skirts-for-formal-events/"> <img src="/images/ditching-the-dress-how-i-style-skirts-for-formal-events_img_71700795084183450.jpg" class="h-full min-w-full rounded-[15px] object-cover transition-all duration-200 hover:scale-[101%]" alt="img of Ditching the Dress: How I Style Skirts for Formal Events" width="400" height="700" loading="lazy" decoding="async"> </a> <div class="flex flex-col justify-between gap-4 p-4 md:gap-0"> <a class="text-black text-xl text-center mb-3 font-semibold -tracking-wider" href="/ditching-the-dress-how-i-style-skirts-for-formal-events/"> Ditching the Dress: How I Style Skirts for Formal Events </a>  </div> </article>  </div> </div> </section> </div>  </main> <footer class="mt-5 flex flex-col bg-pink-100 px-4 py-10 text-sm"> <div class="container mx-auto flex flex-col justify-center text-center"> <div> <span> &copy; 2024 Society Stylist. All Rights Reserved.</span> &nbsp; | &nbsp;
<a href="/privacy-policy/">Privacy Policy</a> &nbsp; | &nbsp; <a href="/about-us/">About Us</a> &nbsp; | &nbsp; <a href="/contact/">Contact Us</a> &nbsp; | &nbsp; <a href="https://www.pinterest.com/societystylist/" target="_blank" rel="noopener">Pinterest</a> &nbsp; | &nbsp; <a href="https://www.instagram.com/society_stylist/" target="_blank" rel="noopener">Instagram</a> &nbsp; |
</div> </div> </footer>    </body> </html> 