Customize .archive-item-link display settings

Site URL: https://learningenglishwithjames.com/idioms

I am using the Archive block list layout grouped by tag to show all my blog posts, but the title links are appearing across 5 columns on the Desktop view. This means that some of the titles display across 2 lines and I only want them to appear on a single line.

Is there a way in CSS to prevent the text from wrapping across 2 lines or making each column wider so only say 3 columns appear? 
I don't want the font size smaller than 14px, and I want the Mobile view to stay as a single column list.

The only CSS I'm using at the moment for this section is:

/* Archive tag list */
#block-yui_3_17_2_1_1725971050311_6906 
.archive-group-name-link {font-size: 14px !important}

Hi!

This worked for the Desktop view but the Mobile view is now showing 2 columns instead of a one column. How do just change the Desktop view?

Hi! I reduced the width of the text block in the Mobile view and this has now reduced the number of columns to just one.

On 9/19/2024 at 2:53 PM, Astaraiche said:

Hi!

This worked for the Desktop view but the Mobile view is now showing 2 columns instead of a one column. How do just change the Desktop view?

This code target Desktop Only. If it affect desktop + mobile, you can keep the code then let me know, I will check again