Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

fifth project on Frontend Mentor

Starrkeyโ€ข 90

@Starrkey

Desktop design screenshot for the Profile card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


ez

Community feedback

Francisco Carrilloโ€ข 5,540

@frank-itachi

Posted

Hello there ๐Ÿ‘‹. You did a good job!

I have some suggestions about your code that might interest you.

HTML ๐Ÿ“„:

  • Make sure that the <img> elements in your HTML code has an alternate (descriptive) short text. The reason for this is that screen readers canโ€™t translate images into text. So to fix this you can do the following <img src=โ€โ€ฆโ€ alt=โ€short textโ€ >

CSS๐ŸŽจ:

  • To set multiple background images you can use the background property and specify multiple paths(urls) in a comma separated base. For instance:
body {
background: url(image-1.png), url(image-2.png);
}

More information about the background property here

I hope you find it useful! ๐Ÿ˜๐Ÿ˜ Above all, the solution you submitted is great๐Ÿ‘Œ!

Happy <coding /> ๐Ÿ˜Ž!

1

Starrkeyโ€ข 90

@Starrkey

Posted

@frank-itachi For some reason I tend to forget using alt texts but on real projects I probably should. Thnx so much about the background properties, it was a bit confusing to set it up in easy manner and now your suggestion fixes it

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord