diff options
| author | Jeff <jeffkleinaitis@gmail.com> | 2024-04-25 16:37:11 -0400 |
|---|---|---|
| committer | Jeff <jeffkleinaitis@gmail.com> | 2024-04-25 16:37:11 -0400 |
| commit | 5df1d0affc616cefec016a4cf0dfc4d2df9b38d6 (patch) | |
| tree | 9ca96e8d48208599fea393a993a7bd971a6be67a | |
| parent | 9c92cdd63cc944c715a62fcfd1e37ce247da4b27 (diff) | |
refactor: Adjust styling to ensure responsive design on all device sizes
| -rw-r--r-- | src/layouts/GridLayout.js | 2 | ||||
| -rw-r--r-- | src/pages/FindOpportunities.js | 2 |
2 files changed, 2 insertions, 2 deletions
diff --git a/src/layouts/GridLayout.js b/src/layouts/GridLayout.js index 8b9025e..b2b61df 100644 --- a/src/layouts/GridLayout.js +++ b/src/layouts/GridLayout.js @@ -24,7 +24,7 @@ const GridLayout = ({ children }) => { return ( - <div className="container px-8 mx-auto grid md:grid-cols-[96px,1fr,96px] gap-10"> + <div className="container px-8 mx-auto grid md:grid-cols-[96px,1fr] lg:grid-cols-[96px,1fr,96px] gap-10"> {/*Left column - sticky */} <div className="max-md:hidden self-start sticky top-0 col-span-1 pt-8 text-trueGray-500 "> diff --git a/src/pages/FindOpportunities.js b/src/pages/FindOpportunities.js index 44acfa2..dab7647 100644 --- a/src/pages/FindOpportunities.js +++ b/src/pages/FindOpportunities.js @@ -26,7 +26,7 @@ const FindOpportunities = () => { ) : ( <GridLayout> <> - <div className="flex w-full flex-col px-8 md:px-2 lg:px-32"> + <div className="flex w-full flex-col px-4 md:px-16"> <div className="max-w-2xl text-2xl font-bold leading-snug tracking-tight text-gray-800 lg:leading-tight lg:text-4xl dark:text-white pb-2"> Search for Opportunities </div> <ul className=""> <div className="flex flex-row flex-grow-1 max-h-32 gap-2 p-2 flex-no-wrap border border-indigo-100 rounded-lg shadow-lg"> |