Design comparison
SolutionDesign
Solution retrospective
i cant set background like what challenge asked :(
Community feedback
- @DrougnovPosted almost 3 years ago
Hello, @deadazix good job.
To set those patterns you can use pseudo-elements like
before
,after
. Use this code:body::before { background: url(./images/bg-pattern-top.svg) no-repeat bottom right; top: 0; left: 0; } body::after { background: url(./images/bg-pattern-bottom.svg) no-repeat top left; top: 100%; left: 100%; }
And some other things:
- To make it accessible try not to use the
div
tag as much as you can. You can use themain
tag to the container. - Try to implement the design as accurately as possible. Such as using the font family, font size, etc. as they asked to use.
Happy coding and have a good day. ♥
Marked as helpful1@deadazixPosted almost 3 years agohi @Drougnov thanks for feedback i didnt know we can set background this way! i mean setting position after url !
1 - To make it accessible try not to use the
- @skyv26Posted almost 3 years ago
Hi, Arash i can help you, even guide you with a little tutorial .
1
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