Jump to main content

Nicolas Hoizey

  • articles
  • billets
  • links
  • notes
  • talks
  • archives
  • about

Note from 2 September 2021

  • Nicolas Hoizey
  • 2 September 2021
  • Chrome, CSS, Firefox, Grid
  • 2 reactions

Anyone knows why in #Firefox sometimes the button in the bottom of https://nicolas-hoizey.com/archives/ is outside its container, while everything is fine in #Chrome? 🤔

Maybe a CSS Grid issue?

Rendering issue in Firefox

Rendering issue in Firefox

Everything is fine in Chrome

Everything is fine in Chrome

2 reactions

2 replies

  1. Mehdi Kabab avatar Mehdi Kabab
    Difficile de juger d'après les captures puisque sont sélectionnés 2 éléments différents 😅
    • 3 September 2021, 07:42
    • Source
  2. Nicolas Hoizey avatar Nicolas Hoizey
    Je m’en suis rendu compte après, mais le problème se pose aussi en sélectionnant bien le même élément.

    Sauf que c’est pas permanent, ça dépend apparemment du contenu au dessus.

    J’ai cherché des marges négatives, sans succès.

    Je sèche.
    • 3 September 2021, 08:06
    • Source
  • Older: Note from 2 September 2021
  • Newer: Note from 6 September 2021

Related contents with similar topics

  1. screenshot of Item Flow, Part 1: A new unified concept for layout

    Jen Simmons avatar Jen Simmons , Saron Yitbarek, Elika Etemad and Brandon Stewart

    Item Flow, Part 1: A new unified concept for layout

    • Nicolas Hoizey
    • 1 April 2025
    • CSS, Masonry, Grid, Flexbox

    As we worked through the details, we started to get excited. Suddenly new features for Flexbox and Grid that people have wanted for years had an obvious…

  2. screenshot of Should masonry be part of CSS grid?

    Ahmad Shadeed avatar Ahmad Shadeed

    Should masonry be part of CSS grid?

    • Nicolas Hoizey
    • 31 October 2024
    • CSS, Grid, Masonry
    • 9 reactions

    An exploration of examples showing masonry as both a part of CSS Grid and as its own display type. Ahmad provides compeling use cases and code examples…

  3. screenshot of Masonry and good defaults

    Rachel Andrew avatar Rachel Andrew

    Masonry and good defaults

    • Nicolas Hoizey
    • 21 September 2024
    • CSS, Masonry, Grid
    • 1 reaction

    The thing with switching to a new formatting context, as we do with flex and grid layouts, is that the minute you use display: flex or `display:…

  4. screenshot of Learn Grid Now, Container Queries Can Wait

    Miriam Suzanne avatar Miriam Suzanne

    Learn Grid Now, Container Queries Can Wait

    • Nicolas Hoizey
    • 19 August 2024
    • CSS, Grid
    • 7 reactions

    There’s no rush to rip out all your media queries, and replace them with containers. You’ll be fine waiting for widely available support and your…

  5. Note from 23 November 2023

    • Nicolas Hoizey
    • 23 November 2023
    • CSS, Grid, MDN
    • 4 reactions

    I wonder if MDN could add screenshots of the live examples, so people can see the result even if their browser doesn't support a feature yet.

    For example for CSS Grid masonry layout:
    https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout/Masonry_layout

    I'm using Firefox, so I had to activate the layout.css.grid-template-masonry-value.enabled flag to see the “good” result.

If you want to share an error or suggest an enhancement of this content, please edit the source on GitHub.

© Nicolas Hoizey

Built with Eleventy