Skip to content

Products: Misaligned card content #6458

Closed
@leecalcote

Description

@leecalcote

Description

On this page, https://layer5.io/products, the product logo, title and representative icon are overlapping, but should not be.

This CSS controls its layout: https://github.com/layer5io/layer5/blob/master/src/sections/Products/products.style.js

Screenshots

Image

Contributor Resources and Handbook

The layer5.io website uses Gatsby, React, and GitHub Pages. Site content is found under the master branch.

Join the Layer5 Community by submitting your community member form.

Activity

AmankeldinovaMadina

AmankeldinovaMadina commented on May 16, 2025

@AmankeldinovaMadina
Contributor

Please assign me @leecalcote

leecalcote

leecalcote commented on May 16, 2025

@leecalcote
MemberAuthor

Sounds great, @AmankeldinovaMadina

AmankeldinovaMadina

AmankeldinovaMadina commented on May 20, 2025

@AmankeldinovaMadina
Contributor

We have discussed this issue yesterday during the meeting and this overlapping was happening on certain people's computer and on another one's not. I have checked it using several browsers and versions, then come to the conclusion that it is happening because of the safari version. This issue is occurring starting the safari version 18.4 Code that I have committed is working on all the versions of the safari ok. Checked it using the browserstack.com

added a commit that references this issue on May 27, 2025

Merge pull request #6460 from AmankeldinovaMadina/issue-6458

ad9c0cf
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

    Development

    Participants

    @leecalcote@AmankeldinovaMadina

    Issue actions

      Products: Misaligned card content · Issue #6458 · layer5io/layer5