Skip to content

Mobile view of blog post listing uses just half of the horizontal space #8070

@TheGoodCartman

Description

@TheGoodCartman

Bug description

When I open my blog homepage (listing of the blog posts) on a mobile device, the posts just use the left half of the screen.

The error comes from css:
with width

If you remove the width-Attribute, it looks correct:
without width

The width-Attribute was added with this Commit: 70005c1

Steps to reproduce

No response

Expected behavior

On mobile view blog posts in listing use the full width of the screen.

Actual behavior

On mobile view blog posts in listing use just half of the screen.

Your environment

I use Github Action Runner

Operating System
  Ubuntu
  22.04.3
  LTS
Runner Image
  Image: ubuntu-22.04
  Version: 20231217.2.0
  Included Software: https://github.com/actions/runner-images/blob/ubuntu22/20231217.2/images/ubuntu/Ubuntu2204-Readme.md
  Image Release: https://github.com/actions/runner-images/releases/tag/ubuntu22%2F20231217.2

Quarto check output

I use the Github Action.

Run quarto-dev/quarto-actions/setup@v2
  with:
    version: pre-release
    tinytex: false

In the end it installs https://github.com/quarto-dev/quarto-cli/releases/download/v1.4.533/quarto-1.4.533-linux-amd64.deb

Metadata

Metadata

Assignees

Labels

bugSomething isn't workinglistingsregressionFunctionality that used to work but now is broken.triaged-toIssues that were not self-assigned, signals that an issue was assigned to someone.

Type

No type

Projects

No projects

Milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions