responsive site using Bootstrap4 & css3
Design comparison
Solution retrospective
Except for the home area section this challenge is easy👍
Community feedback
- @bashirogluPosted about 4 years ago
Hi @MuhammadHassaanMahmood5550, it look nice but you can add bg images etc to make it perfect. Good luck
1@MuhammadHassaanMahmood5550Posted about 4 years ago@bashiroglu I am glad by your feedback😊. Background images are in 'browser file format' (SVG) and i don't know how to use them in my web page. Can you guide me how i can use those specific bg images on my web page.
0 - @mubaraqwahabPosted about 4 years ago
It looks like you're missing the background-image behind the phones. The footer should also have a dark blue background colour. Everything else looks good 👍🏾
0@MuhammadHassaanMahmood5550Posted about 4 years ago@mubaraqwahab I am glad by your feedback😊. You are absolutely right, background-image behind the phones and footer background color is not as it is supposed to be. But one thing more i did not use is icons that i was provided with the starter files of this challenge because i have no idea not a bit how to use them because they are in browser files. Can you guide me about it how to use those specific icons on my web page.
1@MuhammadHassaanMahmood5550Posted about 4 years ago@mubaraqwahab background images are also in 'browser file format' and again i don't know how to use them
0@mubaraqwahabPosted about 4 years ago@MuhammadHassaanMahmood5550 Ah I see. You can use the svg files like you do with jpeg, png images. So, for background image, you can do in CSS:
background-image: url(image.svg)
. You can also use svg in HTML with the<img>
element. You can check this article to learn more on using SVG: Using SVG. All the best!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