Merge pull request #14033 from ethereum/eth-price-card

fix: price card arrangement

Author: corwintines

src/components/EthPriceCard.tsx

@@ -131,7 +131,7 @@ const EthPriceCard = ({
       </div>
 
       {/* min-h-[33px] prevents jump when price loads */}
-      <Flex className="min-h-[33px] w-full items-center justify-center">
+      <Flex className="mt-2 min-h-[33px] w-full flex-col-reverse items-center justify-center sm:flex-row">
         <div
           className={cn(
             "me-4 text-2xl leading-xs",

src/pages/get-eth.tsx

@@ -166,7 +166,7 @@ const GetEthPage = ({
             alt={t("page-get-eth-hero-image-alt")}
             priority
           />
-          <div className="mx-8 mb-8 mt-8 flex flex-col items-center text-center lg:mx-0 lg:mb-0 lg:mt-24">
+          <div className="my-8 flex flex-col items-center text-center lg:mx-0 lg:mb-0 lg:mt-24">
             <h1 className="my-8 text-4xl leading-6 md:text-5xl">
               {t("page-get-eth-where-to-buy-title")}
             </h1>