I’ve been engaged on a web site as a private portfolio, and it’s constructed with HTML, CSS, and JavaScript. It’s being hosted by way of GitHub pages. I’ve tried to make the web page extra responsive for smaller screens and screens of various sizes, and whereas my method won’t be the most effective, I really feel prefer it needs to be fairly responsive for essentially the most half.
Nevertheless, once I open the webpage on Safari on my iPhone 12, it simply appears to be like terrible. There are sections of the web page that aren’t even receiving the CSS, and others are. The Hero Picture works, however then the web page is formatted poorly, and the headers should not have the inexperienced background coloration. It simply appears to be like terrible.
I’ve been making an attempt to restore it, but it surely nonetheless appears to be like like my CSS is simply not working as I hoped. What might I do.
Web site: andy-almeida.github.io
I’ve tried altering the CSS to see if it has up to date. It didn’t restore the difficulty.
I even have tried make it much more responsive by making an attempt to make my developer editor smaller and making it aware of even the SMALLEST of screens, however it’s nonetheless not working.