Layouts

[kelvinlockwood]

Update: Paragraph text should be 700 pixels wide

The current line length we have in place is too narrow, I'm currently measuring it at 590 pixels (on my desktop browser).

The line length on Medium is 670 pixels and on Wired its 620 pixels.

We probably should be aiming for 670 but bear in mind that our page layout / style is closer to Wired than Medium.

https://www.wired.co.uk/article/bamboo-architecture

[MoNouri97]

how about this also should I remove that border (above the tags)

[kelvinlockwood]

Let's lean on the Tailwind blog layout and the Tailwind Typography plugin to resolve this issue.

[kelvinlockwood]

Make the paragraph text 30 pixels wider by adding to the left hand side...

[kelvinlockwood]

Make this content narrower so that it fits within 900 pixels. It's okay if there is a tiny bit of text overlapping the image...

This section can be a tiny bit wider occupying 1040 pixels...

[kelvinlockwood]

Article-list and Notes-list can occupy 700 pixels to make it consistent with the paragraph text within articles...

[kelvinlockwood]

I think it would be nice to have both the header section and footer section 600 pixels high...

[MoNouri97]

besides the height of the footer and header ( I could make it 600px without breaking the entire layout) everything else should be fixed , width is around 700px for article , articles list and notes list

[kelvinlockwood]

The only thing outstanding here is the height of the header and footer... https://github.com/kelvinlockwood/kelvinlockw.xyz/issues/22#issuecomment-808894168