Over the weekend I did a lot of reading on different elements and how to make them responsive. Across the board I thought it was fairly easy to find the code for the HTML for everything I needed to do. Although, I couldn't find the code for the CSS stylesheets and that's the code I needed to see if my page was working or not.
I found a lot of issues on the way but tried my best to work around them.
A few successful features I got working was the webkit generator for live text. Different colors on different viewports to see if the page was being responsive in my media queries and the Menu tab showing up in mobile and listing them horizontally in the desktop.
You can see I had some failure with the toggle button. The menu showed up at the bottom of my page and the Menu button is no longer clickable as well as my hover states in my horizontal listed menu bar.
I also had success keeping my fish image the same size across all viewports as it was my intension. I created this with my media queries.What didn't work in my benefit was the extra tail showing in the mobile view. It took me a while just to get to this point. I think I can figure this feature out through false cropping in css.
No comments:
Post a Comment