CSS - Common Styles

styles.css

body {
  background-color: skyblue;
  margin: 20px;
  height: 90%;
}

.flex_center {
  display: flex;
  align-items: center;
  justify-content: center;
}

/* Container */
.app_container {
  background-color: lavender;
  gap: 20px;
  height: 100%;
}

/* Card like structure */
.app_card {
  padding: 10px;
  border-radius: 10px;
  border: 1px solid blue;
  cursor: pointer;
}

/* Image */
.app_image {
  aspect-ratio: 1/1;
  object-fit: cover;
  object-position: 15% 100%;
}

/* To get width as per content */
.width_fit {
  width: fit-content;
}