Looking to hire developers?
Hi everyone,
Just finished my first challenge, would like some honest feedback.
Couldn't find a good solution for the background, maybe some of you can direct me to a better solution ?
Thx
@MojtabaMosavi
Posted
Hi, nice job, alternatively you can remove the fix width and set it to contain and try to play around with background-position to get it positioned right.
Keep coding :=)
Marked as helpful
@FRvanMarm
Posted
@MojtabaMosavi ,
Tried your solution and got a bit closer to end result, thx
@afrussel
Posted
Hi Folkert van Marm,
Congratulations for your first challenge. This is nice in work. For background you can use this bellow code:
.main { height: 100vh; background: url(./images/bg-pattern-top.svg) calc((50vw - 100vh)) -50vh no-repeat, url(./images/bg-pattern-bottom.svg) 50vw 50vh no-repeat var(--dark-cyan); background-size: auto 100vh; }
var(--dark-cyan) is the bg color code
@FRvanMarm
Posted
@afrussel,
Thx for the respons, will try it out.
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
