@fortuneiyoha
Posted
@Kunjamin-1 Congratulations on completing the challenge! 🎉
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;
...
}
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; */
}
}
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! 🚀