Design comparison
Solution retrospective
I have problem to set the background image, especially on mobile screen display
Community feedback
- @NaveenGumastePosted almost 3 years ago
Hay ! Good Job you made it look nearly perfect to the preview
These below mentioned tricks will help you remove any Accessibility Issues
-> Add Main tag after body like it should be your container
-> For 1st heading or h1 tag, use header tag and then inside the header put your h1 or h2 etc
-> But use header tag only once in main heading element.
Keep up the good work!
0 - @rsrclabPosted almost 3 years ago
Hi, @sob16 ~
Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.
Here are some of the tips I like to provide.
- Please try BEM for naming element classes. It will help you a lot on bigger projects.
- For background, I suggest you to use css
background-image
property or pseudo elements like::before, ::after
.
https://www.frontendmentor.io/solutions/profile-card-solution-m-cH4D2Lp
Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.
Cheers ~
0 - @RioCantrePosted almost 3 years ago
Hello there! Awesome job with this challenge! You did well on implementing the design and I would suggest the following for the issue you mention...
- Adjust the position of the background in the
body
tag into thisbackground-position: left -20rem top -30rem, right -10rem bottom -40rem;
Overall you did well and Keep up the good work!
0 - Adjust the position of the background in the
Please log in to post a comment
Log in with GitHubJoin 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