Frontend Mentor | Blog preview card

Community feedback

• 

  JuvoGenesis👾•2,010

  @AkoToSiJeromeEhPosted 6 months ago

  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
  }
  

  Marked as helpful

  0