Sstobo

var person = {
  name: "Brad",
  age: 35,
  kids: ["dave", "nick"],
  address: {
    street: "Mansfield",
    city: "ottawa"
  }
  }

Sstobo

   .wrapper {
    transition:all 1.4s;
    height: 2000px;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 2fr 1fr 85% 1fr;
    background-color: black;
    color: white;
    max-width: 1240px;
    min-width: 320px;

Sstobo

$("#update").click(function() {
    count++;
    $("#counter").html("My current count is: "+count);
}

Sstobo

grid-template-columns: 1fr 1fr 50VW<------  1fr 1fr

set the wrappers grid box to VW to make nested items responsive