Tuesday, 10-Nov-15 22:13:00 CET

Porting my blog for the second time, layout part 5

This is post #34 of my series about how I port this blog from Blogengine.NET 2.5 ASPX on a Windows Server 2003 to a Linux Ubuntu server, Apache2, MySQL and PHP. A so called LAMP. The introduction to this project can be found in this blog post /post/Porting-my-blog-for-the-second-time-Project-can-start.

So I thought I need to make room for Emilia Costas lips. The new blog looked like this:

I marked the overlap with green lines. It turned out to be really simple to fix this. Added this style rule to my CSS file

#contentcolumn img
{
    max-width : 100%;
    height: auto;
}

With this change the image max width is always at most 100%.

Here if the blog is displayed on a mobile phone the maximum size is according to the width of the screen. Nice!

From here I will work on more layout and mechanics of the sidebars. But that is for next time.