Frontend Mentor | Blog preview card

Hey ! Great Work Out there i just notice that you are using margin on each content to make space between items in card i just want to suggest that instead of using padding on each item you can use the gap css property that will provide a space in each item on your card and since you are using display : flex in the .container you can assign the gap property and give its value you want and units you want like px or rem . thats all happy coding !!

after you add this you can remove each margin on items

.main {
  width: 90%;
  max-width: 320px;
  border: 2px solid hsl(0, 0%, 7%);
  background-color: hsl(0, 0%, 100%);
  border-radius: 20px;
  padding: 20px;
  box-shadow: 10px 10px;
  display: flex; // add this
  flex-direction: column; add this
  gap: 0.5rem; // add this you can adjust this
}