Why has Gutenberg completely forgotten mobile layout?

  • Resolved Carsten Lund

    (@carsten-lund)


    4 years, 3 months ago

    Hi there, a question about adding an image to the the container block that fits both desktop and mobile.

    Images for desktop and mobile are completely different in proportions, desktop are normally horizontal and mobile are vertical, and the cropping of these images therefore different.

    So how are you supposed to work with mobile in Gutenberg? There are no live preview for mobile, and no containers for mobile design.

    How do I add an image that’s fits all, both desktop and mobile?

    This is a general question, but I really do not understand why Gutenberg has completely forgotten mobile layout, despide 60% or more of all web content today are watched on mobile?

    Thanks!

Viewing 6 replies - 16 through 21 (of 21 total)
  • Thread Starter Carsten Lund

    (@carsten-lund)

    Hi there, I just sent you domain and login information using the contact form.

    The Frontpage is a test page, so you are welcome to add and move blocks around.

    Thanks for looking into this!

    Plugin Author Tom

    (@edge22)

    Looks like this is because the Cover Block (core block, not in GenerateBlocks) has its width set to 100%, but it’s also adding padding.

    You can fix that by adding this:

    .wp-block-cover {
    box-sizing: border-box;
}
    Thread Starter Carsten Lund

    (@carsten-lund)

    But the issue is the block inside the GenerateBlock container, how can the Cover Block affect this?

    Plugin Author Tom

    (@edge22)

    It’s just how the Cover Block is built.

    The CSS I provided above should prevent that from happening.

    Thread Starter Carsten Lund

    (@carsten-lund)

    Yes, it did, thank you very much!

    Plugin Author Tom

    (@edge22)

    You’re welcome ??

Viewing 6 replies - 16 through 21 (of 21 total)
  • The topic ‘Why has Gutenberg completely forgotten mobile layout?’ is closed to new replies.