fix styles

one-ware · Jul 25, 2024 · b89825c · b89825c
1 parent e765b85
commit b89825c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/components/ContactUs/index.tsx b/src/components/ContactUs/index.tsx
@@ -3,7 +3,7 @@ import { CiLinkedin, CiMail } from "react-icons/ci";
 export default function ContactUs(): JSX.Element {
   return (
     <div className="text-center max-w-4xl m-auto">
-      <h2 className="text-5xl font-bold mt-20">Interested? Contact us!</h2>
+      <h2 className="text-4xl md:text-5xl font-bold mt-20">Interested? Contact us!</h2>
 
       <div className="grid grid-flow-col auto-cols-max mx-auto justify-center gap-5 text-7xl">
         <div>

diff --git a/src/pages/studio.tsx b/src/pages/studio.tsx
@@ -219,7 +219,7 @@ function DownloadSection() {
           className="text-center container m-auto flex space-x-5 justify-center"
         >
           <div className="flex-col flex text-center">
-            <h1 className="text-5xl">Easy Setup!</h1>
+            <h1 className="text-4xl md:text-5xl">Easy Setup!</h1>
 
             <p className="text-xl my-8">
               OneWare Studio is available for <span className="primary-text">all major operating systems</span>, using all
@@ -299,20 +299,20 @@ function DownloadSection() {
 function VendorSection() {
   return (
     <div className="text-center container m-auto mt-32 max-w-6xl">
-      <h2 className="text-5xl font-bold">
+      <h2 className="text-4xl md:text-5xl font-bold">
         Use any Hardware!
       </h2>
 
       <h5 className="text-2xl mt-10">Our goal is to provide first level support for <span className="primary-text">any hardware from any vendor</span>, using our advanced extension system.</h5>
 
-      <div className="flex" data-aos="fade-up">
-        <div className="flex-col w-1/2 p-5">
+      <div className="md:flex gap-5" data-aos="fade-up">
+        <div className="md:flex-col md:w-1/2 p-5">
           <h3 className="text-3xl">FPGA</h3>
           <HiOutlineCpuChip size={90} />
           <p className="text-xl">We support a wide range of FPGA vendors, including Intel, Lattice and more</p>
         </div>
 
-        <div className="flex-col w-1/2 p-5">
+        <div className="md:flex-col md:w-1/2 p-5">
           <h3 className="text-3xl">MCU</h3>
           <BiMicrochip size={90} />
           <p className="text-xl">We support a wide range of MCU vendors, including ST, NXP, Microchip and more</p>