jQuery toggleClass example

Toggle class name on click in jQuery

by joshmoto

HTML

<div class="parent">
  <div class="child"></div>
</div>

CSS

.parent {
  height: 40px; /* Set the parent height */
  display: grid;
  width: auto;
}

.child {
  grid-area: 1 / 1 / span 1 / span 1; /* Take up the entire grid cell */
  aspect-ratio: 1/1; /* Maintain aspect ratio */
  background-color: blue;
}