Design comparison
Solution retrospective
Hello everyone!
Had some fun making this. I would like to add the background image in the CTA section and in the state of the art infrastructure section as shown. I tried using background-image
with background-position
, background-size
and background-repeat
but it breaks the section completely.
Any help is appreciated. Thank You! 😀
Community feedback
- @nick335Posted over 2 years ago
Hello Sravan
you can try wrapping the header content in a div and give the style for the background image there. let's say you name the div 'header-content', in your style.css you can do this:
background: url(../images/bg-pattern-intro-desktop.svg); background-repeat: no-repeat; background-size: height width; //you can give the height and width of your background manually instead of using 'cover' or 'contain' background-position: left -400px top -1350px; //you can also style the positon manually like I have done in the code above you can also use 'bottom' and 'right'!! }``` in your footer section, it's better to use the 'ul' and 'li' tags for lists, you can read more about them [here](https://www.w3schools.com/html/html_lists.asp) Happy Coding!!!!
Marked as helpful1@SravanSTGPosted over 2 years agoHello @nick335,
Thank you! I have updated the solution with the background image as you have mentioned.
I will keep in mind about using 'ul' and 'li' for lists.
Happy Coding! 😃
0
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