All solutions

What are you most proud of, and what would you do differently next time?

• Best part was that i learned about how to put transition for box-shadow using hover property

.card {
  max-width: 24rem;
  background-color: var(--white);
  padding: 24px;
  border-radius: 20px;
  border: 1px solid var(--gray-950);
  box-shadow: 8px 8px #000000;
  transition: box-shadow 0.4s ease-in-out;
}

.card:hover {
  box-shadow: 16px 16px #000000;
  cursor: pointer;
}

.card:hover .text-preset-1 {
  color: var(--yellow);
}

What challenges did you encounter, and how did you overcome them?

• To get card responsive with respect to smaller screen

What specific areas of your project would you like help with?

• How better we can design above Blog Preview Card webpage

What are you most proud of, and what would you do differently next time?

• Learned how to adjust footer to bottom while being the display property being defined as flex.

body {
    background-color: hsl(212, 45%, 89%);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
}
footer {
    position: absolute;
    bottom: 5px;
}

• Will try to get better solution similiar cases with good solution

What challenges did you encounter, and how did you overcome them?

• Dont have a knowledge how to host/deploy website so learned it over by the helping links provided by FrontEnd Mentor

What specific areas of your project would you like help with?

• Help in better solution for designing part of website