Adjusting the use cases page (#1467)

* adjusting use cases

* adjusting the link

* adjusting the link

* fix: link text

---------

Co-authored-by: Dhairya Majmudar <[email protected]>

Author: idanidan29

data/use-cases.json

@@ -25,7 +25,7 @@
   },
   {
     "title": "Data Serialization",
-    "summary": "Compress JSON data for storage/transmission. For example: <a href='https://jsonbinpack.sourcemeta.com' style='text-decoration: underline; font-weight: bold;'>https://jsonbinpack.sourcemeta.com</a>"
+    "summary": "Compress JSON data for storage/transmission. For example: <a href='https://jsonbinpack.sourcemeta.com' style='text-decoration: underline; font-weight: bold;'>JSON Bin Pack</a>"
   },
   {
     "title": "Fuzzing, enumeration, and generation",
@@ -37,7 +37,7 @@
   },
   {
     "title": "Automated Testing",
-    "summary": "Good definitions of input/output that schemas provide enable contract and property based testing scenarios. For example: <a href='https://schemathesis.readthedocs.io/en/stable/' style='text-decoration: underline; font-weight: bold;'>https://schemathesis.readthedocs.io/en/stable/</a>"
+    "summary": "Good definitions of input/output that schemas provide enable contract and property-based testing scenarios. For example: <a href='https://schemathesis.readthedocs.io/en/stable/' style='text-decoration: underline; font-weight: bold;'>Schemathesis</a>"
   },
   {
     "title": "Machine-readable profiles of Web resources",

pages/overview/use-cases/index.page.tsx

@@ -18,12 +18,12 @@ export default function Content() {
         <title>{newTitle}</title>
       </Head>
       <Headline1>{newTitle}</Headline1>
-      <p>
+      <p className='px-4 sm:px-0'>
         Discover everything you can do with JSON Schema. This section presents
         the most common use cases for JSON Schema, but there may be many more
         applications waiting to be discovered.
       </p>
-      <div className='w-full lg:w-full grid grid-cols-2 sm:grid-cols-2 gap-6 my-[10px] mx-auto mt-8'>
+      <div className='w-full lg:w-full grid grid-cols-1 sm:grid-cols-2 gap-6 my-[10px] mx-auto mt-8 px-4 sm:px-0'>
         {data.map((element, index) => (
           <Card
             key={index}