Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

responsive site using Bootstrap4 & css3

@MuhammadHassaanMahmood5550

Desktop design screenshot for the Easybank landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
3intermediate
View challenge

Design comparison


SolutionDesign

Solution retrospective


Except for the home area section this challenge is easy👍

Community feedback

@bashiroglu

Posted

Hi @MuhammadHassaanMahmood5550, it look nice but you can add bg images etc to make it perfect. Good luck

1

@MuhammadHassaanMahmood5550

Posted

@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

@mubaraqwahab

Posted

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

@MuhammadHassaanMahmood5550

Posted

@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

@MuhammadHassaanMahmood5550

Posted

@mubaraqwahab background images are also in 'browser file format' and again i don't know how to use them

0

@mubaraqwahab

Posted

@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

@MuhammadHassaanMahmood5550

Posted

@mubaraqwahab Thanks 😊

0

@mubaraqwahab

Posted

@MuhammadHassaanMahmood5550 You're welcome.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join 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