Hi FCC! =)
I’ve just finished my Portfolio Page Challenge! , but I’m facing three big problems here:
- First, it appears that the design ins’t fully responsive. I’m attaching screenshots from my smartphone (works fine both in Chrome and Firefox) and a friend’s iPhone on Safari (seems like it isn’t responding well):
This is the one from my friend’s iPhone.
This is the one from my smartphone (works well in both Chrome and Firefox)
Then, I’m finding some troubles with the .hover function:
- On Safari and Chrome browser, I’ve got no problem with the .hover function that colors the icons when you pass the mouse through them, but Mozilla shows them grey always and doesn’t respond to .hover function.
The other problem I’ve got is again with the .hover function:
- It doesn’t make any sense to establish a .hover function in smartphones as small devices are touchscreens. Is there a way to establish every icon as .active so as to show them colored full time in smartphones, and maintain the .hover function in large screens?
Thank you very much guys for your help, support and feedback. I’m in love with this community! =)