Everything works just fine on any browser when I open the page on my
PC/laptop — the page is responsive, all the background images appear on
any screen size… But, when I open the page on my mobile phone, the
background images for the first two section (and sometimes on the third) do not appear. I don’t know
how to fix this issue. I’ve tried removing the following code for mobile
… But that didn’t change anything at all. I also tried resizing the images using an image-resize software and then I also tried resizing the images directly in css using this code:
background-size: 1040px 680px
Nothing really helps… I am stuck.
Can anyone help me with this?
It’s working fine on my iPhone in Safari, Chrome, and Firefox. Which browser are you using?
I’m using the default browser that is on Samsung Galaxy S phones. But never mind, I kinda fixed the issue, just removed linear-gradient on mobile view and it work fine now. Although, I don’t really like the look of the info section on mobile view now… Check again: https://hamzicabdulah.github.io/personal-portfolio/
I would suggest a different font for your body text. The fancy display font can be great in small doses, but it’s really hard to read a full paragraph. A different font color or a semi-transparent background behind the text would also make it easier to read. Other than that, I think it still looks fine.