🐛 Bug - Display Issue with Blog Articles

[Lewkans]

Requested by: @Lewkans via YakShaver.ai 🦬
cc: @Lewkans, @calumjs, @joshbermanssw

Hi Team!

  🟥  Watch the video (1 min 1 sec)

  Url from screen share: https://yakshaver.ai/blog

Pain

When zooming in on the blog section of the YakShaver page, the layout should display four articles instead of three when there is enough space.

Acceptance Criteria

1. When the blog section is zoomed in (or in smaller screens like tablets) and there is enough space, four articles should be displayed instead of three.
2. Ensure that the layout dynamically adjusts the number of articles displayed based on the available space.

Reproduce Steps

1. Navigate to the blog section of the YakShaver page.
2. Zoom in on the page until the layout becomes wider.
3. Observe that only three articles are displayed despite having space for a fourth.
4. Click 'more articles' to verify that a fourth article exists.

Screenshot

Figure: Fourth article missing in zoomed view