Above is my proposed layout for my website in it's mobile state. It is rather long and allows larger areas for text to be read as well as full width of the screen images and small images being placed alongside each other. I've left room for their to be links at the very bottom of the page, just like in my desktop version.
The plan with this is to use the Skeleton Framework to allow me to arrange my content accordingly. With Skeleton, as the width of the page is decreased items will start to stack. The box on the left of a row will always appear above the one to its right, so this will have an impact on whether the text of the chapter or the image on the chapter will appear first as the user scrolls down the page.
No comments:
Post a Comment