Discussion on: How I Developed the Nintendo Switch Game Store UI using CSS Grid

[James Thomson]

Nicely done, works great responsively. My only suggestion would be to place the :hover/:focus on the grid-item-container so that the background effect doesn't un-trigger when hover over text.

.grid-item-container {
    position: relative;
    overflow: hidden;

    &:hover .grid-item, &:focus .grid-item {
      transform: scale(1.08);  
    }
  }

Updated Codepen: codepen.io/getreworked/pen/zYGWBde

[Aleksandr Hovhannisyan]

Two more suggestions to match the original:

• Use cursor: pointer on the container.
• Add a title attribute to each card.

[Tek Loon]

Thanks for the feeedback

[Tek Loon]

Thanks for the feedback.