From 882a189345cc3d03fb8d183e196b39389b7a7b00 Mon Sep 17 00:00:00 2001 From: Jakub Freisler Date: Thu, 28 Mar 2024 14:18:18 +0100 Subject: [PATCH] chore: rewrite docs --- apps/docs/components/blocks/Banners.md | 4 ++-- apps/preview/next/pages/showcases/Banners/Hero.tsx | 2 +- apps/preview/nuxt/pages/showcases/Banners/Hero.vue | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) diff --git a/apps/docs/components/blocks/Banners.md b/apps/docs/components/blocks/Banners.md index 7d3b5d3ad1..23e1b5a7a4 100644 --- a/apps/docs/components/blocks/Banners.md +++ b/apps/docs/components/blocks/Banners.md @@ -51,8 +51,8 @@ Four vertical displays in row on desktop. Hero acts like a layout for your hero section. You can add a main image and any content you want, along with background images for both mobile and desktop. To make the background images look better and load faster, it's best to use images that: -- are 3840px wide with a 16:9 aspect ratio for desktop, -- are 768px wide with a 1:2 aspect ratio for mobile. +- are at least 3840px wide with a 4:1.5 aspect ratio for desktop, e.g. 3840px x 1440px, +- are at least 768px wide with a 3:4 aspect ratio for mobile, e.g. 768px x 1024px. diff --git a/apps/preview/next/pages/showcases/Banners/Hero.tsx b/apps/preview/next/pages/showcases/Banners/Hero.tsx index e97c84015e..7271789fa9 100644 --- a/apps/preview/next/pages/showcases/Banners/Hero.tsx +++ b/apps/preview/next/pages/showcases/Banners/Hero.tsx @@ -5,7 +5,7 @@ import { SfButton } from '@storefront-ui/react'; export default function Hero() { return ( -
+
-
+