Skip to content

Slight breakpoint mismatch between buttons on homepage #2023

@EnzoYD

Description

@EnzoYD

Summary

At 620px viewport width, the main button "Discover our solutions" switches to its mobile style and spans the full width, while the "Get in touch" button remains unchanged. Only at 619px and below does the mobile version of "Get in touch" button—the bordered, full-width button—appear. The other button pair, "Discover Ubuntu Pro" and "Secure your open source supply chain", has the same bahaviour.

Steps to reproduce the behavior

N/A

Expected behavior

Ideally, all buttons should share the same breakpoints down to the exact pixel. But admittedly, this is a lowest-impact edge case.

Screenshot

Image Image Image Image

Browser/device details

  • Device: Mac
  • OS: MacOS
  • Browser: Chrome, Safari
  • Version: Chrome 141.0.7390.66, Safari Version 18.6

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions