#5 Multiple issue with mobile viewport

[Rocco Marco Guglielmi]

At mobile viewport (360px), the single post exhibits different issues:

1. long text is not broken (see attachement 001) and this causes page overflow. Maybe overflow-x should be enforced has hidden.
2. The page comes with double margin (azure + white). Removing the azure margin the text can be read better. In any case this requires a separator between the content and the article metainfo
3. The metainfo grid is organized as 1x4 while should be 2x2 (002)
4. The breadcrumbs going to newline is ugly. A JS trimming the text to view would make it better. Such JS on page load/hor resize should trim the words in the middle of the breadcumbs replacing it with ... in a way that the breadcumbs fit one line
5. The comment indentation is making the text hard to be read. A solution could be to reduce the comment indent at mediaquery or eventually include the picture in the header on mobileview