fix: add right margin to grid container in topics, authors, and affiliations sections

The changes were made to add a right margin to the grid container in the topics, authors, and affiliations sections. This was done to improve the spacing and layout of the items within the grid.
This commit is contained in:
Team 1280 Programming 2024-02-20 15:44:59 -08:00 committed by Team 1280 Programming Laptop
parent 65c6545e3a
commit 3f4b6c1b9f
3 changed files with 3 additions and 3 deletions

View file

@ -53,7 +53,7 @@ const Page = () => {
<h1 className={`${zillaSlab.className} text-6xl text-center mb-10`}>
Affiliations
</h1>
<div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4'>
<div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mr-8'>
{allAffiliations.map((affiliationShortName) => {
const { name, short } = affiliations[affiliationShortName]
return (

View file

@ -74,7 +74,7 @@ const Page = () => {
<h1 className={`${zillaSlab.className} text-6xl text-center mb-10`}>
Authors
</h1>
<div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4'>
<div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mr-8'>
{sortedAuthors.map((entry) => {
return (
<Fragment key={entry[0]}>

View file

@ -52,7 +52,7 @@ const Page = () => {
<h1 className={`${zillaSlab.className} text-6xl text-center mb-10`}>
Topics
</h1>
<div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4'>
<div className='grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4 mr-8'>
{sortedTopics.map((entry) => {
return (
<Fragment key={entry[0]}>