Remove max-widths in layout

[bjb568]

Webpages should always be at 100% width.

It annoys me constantly seeing otherwise responsively-designed websites constrained within a tiny rectangle down the center of the screen, this site being a ridiculous 700px. It's way easier to read at full width.

[bjb568]

Now for images, I don't know which is better, either float them:

img p {
float: right;
clear: right;
width: 25%; /* or whatever */
}

This would need to be in a media query, obviously it's only for larger viewports. The other option is centering them:

img p {
display: block;
margin: 0 auto;
}

Centering is safer, but it creates a large whitespace on both the left and right of the image when the viewport is large enough; this looks strange.

[JonHMChan]

@Courtny@hellohynes any thoughts on this?

[bjb568]

Webpages should always be at 100% width.

It annoys me constantly seeing otherwise responsively-designed websites constrained within a tiny rectangle down the center of the screen, this site being a ridiculous 700px. It's way easier to read at full width.

[bjb568]

Now for images, I don't know which is better, either float them:

img p {
float: right;
clear: right;
width: 25%; /* or whatever */
}

This would need to be in a media query, obviously it's only for larger viewports. The other option is centering them:

img p {
display: block;
margin: 0 auto;
}

Centering is safer, but it creates a large whitespace on both the left and right of the image when the viewport is large enough; this looks strange.

[JonHMChan]

@Courtny@hellohynes any thoughts on this?

[bjb568]

Webpages should always be at 100% width.

It annoys me constantly seeing otherwise responsively-designed websites constrained within a tiny rectangle down the center of the screen, this site being a ridiculous 700px. It's way easier to read at full width.

[bjb568]

Now for images, I don't know which is better, either float them:

img p {
float: right;
clear: right;
width: 25%; /* or whatever */
}

This would need to be in a media query, obviously it's only for larger viewports. The other option is centering them:

img p {
display: block;
margin: 0 auto;
}

Centering is safer, but it creates a large whitespace on both the left and right of the image when the viewport is large enough; this looks strange.

[JonHMChan]

@Courtny@hellohynes any thoughts on this?

[bjb568]

Webpages should always be at 100% width.

It annoys me constantly seeing otherwise responsively-designed websites constrained within a tiny rectangle down the center of the screen, this site being a ridiculous 700px. It's way easier to read at full width.

[bjb568]

Now for images, I don't know which is better, either float them:

img p {
float: right;
clear: right;
width: 25%; /* or whatever */
}

This would need to be in a media query, obviously it's only for larger viewports. The other option is centering them:

img p {
display: block;
margin: 0 auto;
}

Centering is safer, but it creates a large whitespace on both the left and right of the image when the viewport is large enough; this looks strange.

[JonHMChan]

@Courtny@hellohynes any thoughts on this?

[bjb568]

Webpages should always be at 100% width.

It annoys me constantly seeing otherwise responsively-designed websites constrained within a tiny rectangle down the center of the screen, this site being a ridiculous 700px. It's way easier to read at full width.

[bjb568]

Now for images, I don't know which is better, either float them:

img p {
float: right;
clear: right;
width: 25%; /* or whatever */
}

This would need to be in a media query, obviously it's only for larger viewports. The other option is centering them:

img p {
display: block;
margin: 0 auto;
}

Centering is safer, but it creates a large whitespace on both the left and right of the image when the viewport is large enough; this looks strange.

[JonHMChan]

@Courtny@hellohynes any thoughts on this?

[bjb568]

Webpages should always be at 100% width.

It annoys me constantly seeing otherwise responsively-designed websites constrained within a tiny rectangle down the center of the screen, this site being a ridiculous 700px. It's way easier to read at full width.

[bjb568]

Now for images, I don't know which is better, either float them:

img p {
float: right;
clear: right;
width: 25%; /* or whatever */
}

This would need to be in a media query, obviously it's only for larger viewports. The other option is centering them:

img p {
display: block;
margin: 0 auto;
}

Centering is safer, but it creates a large whitespace on both the left and right of the image when the viewport is large enough; this looks strange.

[JonHMChan]

@Courtny@hellohynes any thoughts on this?

[bjb568]

Webpages should always be at 100% width.

It annoys me constantly seeing otherwise responsively-designed websites constrained within a tiny rectangle down the center of the screen, this site being a ridiculous 700px. It's way easier to read at full width.

[bjb568]

Now for images, I don't know which is better, either float them:

img p {
float: right;
clear: right;
width: 25%; /* or whatever */
}

This would need to be in a media query, obviously it's only for larger viewports. The other option is centering them:

img p {
display: block;
margin: 0 auto;
}

Centering is safer, but it creates a large whitespace on both the left and right of the image when the viewport is large enough; this looks strange.

[JonHMChan]

@Courtny@hellohynes any thoughts on this?

[bjb568]

Webpages should always be at 100% width.

It annoys me constantly seeing otherwise responsively-designed websites constrained within a tiny rectangle down the center of the screen, this site being a ridiculous 700px. It's way easier to read at full width.

[bjb568]

Now for images, I don't know which is better, either float them:

img p {
float: right;
clear: right;
width: 25%; /* or whatever */
}

This would need to be in a media query, obviously it's only for larger viewports. The other option is centering them:

img p {
display: block;
margin: 0 auto;
}

Centering is safer, but it creates a large whitespace on both the left and right of the image when the viewport is large enough; this looks strange.

[JonHMChan]

@Courtny@hellohynes any thoughts on this?