Hi Webflow Forum
I made a portfolio website for showing my design works that I have done before.
When I test it on different screens the responsive design for the Portfolio page (the home page) seems doesn’t really fit into all screen; but other pages like About and Contact look okay on all devices all screens. Please see attached. I tried to open it in different device:
- iphone 6s - looks good
- Samsung - there is a huge gap in the right hand side.
- Nexus 7 portrait - cannot find the hamburger menu at the first sight also there is a little gap. Need to zoom out and found out it actually doesn’t fit the screen.
- Nexus 7 landscape, doesn’t fit automatically.
My content on the portfolio page is the Dynamic Content to fit all my projects in. I am not sure if it affects. For the mouse over effects I add a divBlock on top of it and made some hover effects
I think it might be because of the size of the mouse over effect on the top doesn’t match with the project images? However The width and height I set it into a fix number. I tried to use % but when it shows on different device the cover doesn’t adjust itself automatically.
Can anyone shed me some lights?
Here is my public share link: https://preview.webflow.com/preview/dorothylei?preview=74ac37de0bc1f87c45d5222be2cc9d19
(how to access public share link)