Having Responsive Issues with my Portfolio project - Need some advice

HTML-CSS
1

Hello people,

I am having responsiveness issue for my banner image on smaller device. I cant’t see the banner image on my phone and ipad :frowning:

To check responsiveness test, I have checked on the following links and give me the same result which got on google dev tool.
http://responsiv.eu
http://www.responsinator.com


http://www.isresponsive.com
http://ami.responsivedesign.is
image
image407×851 92.5 KB

But when I tired on crossbrowsertesting.com total different look which I am currently having on actual phone. :frowning:

image
image493×866 78.7 KB

How can I make my banner image responsive and set position to right center from smaller device view. Please advice.
www.monikapatel.info

Cheers,
Monika.

3

Thanks for doing it. here is my portfolio link : www.monikapatel.info

5

Hey I have updated the description. I have find out alternate over here https://medium.freecodecamp.org/how-to-build-a-responsive-tesla-launch-page-with-bulma-css-2bf484057349 using Bulma CSS but I am using Bootstrap 4.1 at the moment. It should have something. But couldn’t find anything yet :frowning:

Cheers,
Monika.

7

I have tried both Safari and google chrome. Same result in both.