Social Links Profile Solution

Community feedback

• 

  Fortune Iyoha•280

  @fortuneiyohaPosted 4 months ago

  @Kunjamin-1 Congratulations on completing the challenge! 🎉

  Improve Spacing and Width on Desktop Screens

  To enhance the spacing and width of your card container on desktop screens, you can use the following CSS settings:

  .container {
      ...
      padding: 2rem;
      width: 35vw;
      ...
  }
  

  Improve Width on Mobile Screens

  For better width adjustment of your card container on mobile screens, use this media query:

  @media only screen and (max-width: 600px) {
      .container {
          width: 70vw;
          /* min-height: 72vh; */
      }
  }
  

  Improve Social Link Responsiveness

  To ensure the social links are responsive across all devices, set the width to 100%:

  /* Update the lines below */
  .work {
      width: 100%;
  }
  
  /* Delete the lines below */
  @media only screen and (max-width: 600px) {
      .work {
          min-width: 80%;
      }
  }
  

  Great job on your project! 😄 Keep up the fantastic work and happy coding! 🚀

  0
• 

  Sangeetha-1902•80

  @Sangeetha-1902Posted 4 months ago

  Looks good.But you should adjust the width.

  0

  ---

  

  Kunjamin-1•130

  @Kunjamin-1Posted 4 months ago

  @Sangeetha-1902 can you suggest me a way

  0