Design comparison
Solution retrospective
I know that I didn't make the right overlay with the background images but I couldn't solve it, so please let me know what I did wrong or didn't do at all. Thanks in advance.
Community feedback
- @brodiewebdtPosted almost 3 years ago
Wrap all your main content in a Main tag. Also change his name to an H1. you can style it to look how you want it. You always want to have an H1 on the page for accessibility. Those will clear the warnings in the report. Download AXE DevTools and you can clear warning while you code. https://www.deque.com/axe/devtools/
Hope this helps.
Marked as helpful1 - @skyv26Posted almost 3 years ago
Hi! Simon, congrats you did it,
Focus on CSS background property more, it will help you to set your circles at desired position.
Don't worry, Experience always come with time. You made mistakes it is true, but it also help you figure out some points of views of other..
Well done 👍
0@simon-baumhauerPosted almost 3 years ago@skyv26 thank you very much for the encouraging words I appreciated it but what exactly should I do differently with the background property? How do I set the circle to my desired position?
0@skyv26Posted almost 3 years ago@simon-baumhauer Well when I was encountered first time then it took time to understand, try to work on background-position, background background-image background-color
Try your best with properties to understand... If possible then I will share link to understand what I am talking about.
Please also check website css-tricks.com
Marked as helpful1
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