vscode and i used media query

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello AIyegbajeje, congratulations for your first solution and 😎 welcome to the Frontend Mentor Coding Community!

  Your card component is perfect, but is not proper aligned, my advice for your is to use flexbox instead of margins to align it, note that adding many margin and padding to align you create problems to control these elements depending of the situation. So always prefer to use a single div to manage the padding and alignments.

  I did some fixes to your code and you can see it below:

  @media only screen and (min-width: 767px)
  .card {
      background-color: hsl(0, 0%, 100%);
      /* margin: auto; */
      width: 39%;
      /* padding: 2.7%; */
      border-radius: 25px;
      /* margin-top: 7%; */
  }
  @media only screen and (min-width: 425px)
  .card {
      background-color: hsl(0, 0%, 100%);
      /* margin: auto; */
      width: 69%;
      /* padding: 4.2%; */
      border-radius: 25px;
      /* margin-top: 7%; */
  }
  

  👋 I hope this helps you and happy coding!

  Marked as helpful

  0
• 

  Aiyegbajeje Yusuf•100

  @devsilvarPosted over 2 years ago

  thanks

  0