Help: Looking for a solution for 3 columns of text on Mobile

Hey Squarespace community - I'm wondering if there is any way to have my resume format properly on mobile view. On desktop view, I have 3 columns of text  - that works great. But once I view on mobile, it stacks the columns, losing the resume format. The options I think of are to disable mobile (which I don't want) OR just have the resume be a photo, but then I lose the SEO. Does anyone know of any code that helps?

Can you share link to this page? We can check easier

Sure! https://www.bailyhopkins.com/resume

Thanks for offering to take a look!

On 4/19/2024 at 2:47 AM, bailyhopkins said:

Sure! https://www.bailyhopkins.com/resume

Thanks for offering to take a look!

You can use this code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
div#page-section-60b7cc454848d052f2aad913>.row:nth-child(2) .span-4 {
    width: 33.3333% !important;
    float: left !important;
}

div#page-section-60b7cc454848d052f2aad913>.row:nth-child(2) * {
    font-size: 14px !important;
}
}