Looking to hire developers?
Submitted
@felipe-miranda-marreiros
I have three questions about this challenge:
1 - How to properly implement the background-image(the wave svg one)? I've tried many things, but all would ended up not matching the real design.
2 - In the Testimonials Section, the Quote Icon is not working with z-index: -1. What can I do?
3 - I've used <br> on the headings like "All your files in one secure location, <br> accessible anywhere." Is there a better way to make line breaks without <br>?
I really appreciate the attention.
@miroslavdurin
Posted
Here is the answer on a second question, basically you can't put a child element behind it's parent element by using z-index, I've learned that today as well :) You can read more about that topic here: TOPIC
You can put everything after div.testimonials-box-quotes inside of another div:
Marked as helpful
@miroslavdurin
Posted
1 - You can set it as an img element in html, put z-index of -1 and then you can put it anywhere you like, if you really want it to be same as design.
2 - I'm not sure why do you want to set "z-index: -1". It will put that element behind all content.
3 - You can put both elements in a <span> tag and the set "display: block" on those spans.
Marked as helpful
@felipe-miranda-marreiros
Posted
@miroslavdurin About the second question, the design that Frontend mentor provided is different from this design comparison. The one from the zip file is currently showing the Quote Icon behind the Testimonials Section (the first Testimonial Item). It's an overlapping effect. Thanks for the tips!
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
