search

cssbristol / cssbristol.co.uk

Source code for the UoB Computer Science Society web portal
MIT License
12 stars 25 forks source link

New git tutorial overflows off the page on mobile #35

Closed k4l397 closed 3 years ago

k4l397 commented 6 years ago

cssbristol co uk-tutorials-git- galaxy s5

louisheath commented 6 years ago

Hi Kyle thanks for pointing this out, turns out it's a problem for the SSH tutorial too. Will look into it now

louisheath commented 6 years ago

Using the first 126 lines of david's tutorial works fine, but extending to 141 breaks it. The text inbetween is nothing abnormal - I think there is some kind of length limit to the formatting.

@rossng could it be something to do with the blog-post class in _blog-posts.scss ? I'm not familiar with the css used.

danjones1618 commented 4 years ago

This has now been fixed. It seams that it was due to the events page and tutorials page sharing the same styling. I will be doing an update to the styling of the tutorial's home page imminently along with improvements to the event pages.

k4l397 commented 4 years ago

@danjones1618 I still seem to have the issue on chrome (not checked on other browsers).

I've briefly investigated and it seems changing .page_section to display: block OR removing the flex-direction: column attribute from that class fixes that particular page (and others like the one mentioned in #51 )

This would break other parts of the site though and I haven't looked into exactly why that fix works.

danjones1618 commented 4 years ago

@k4l397 I see what you mean. I'll work on getting this fixed asap as I'm currently refactoring parts of the website with the "post" pages being next on the radar.

In my pervious comment I thought this was discussing /tutorials as apposed to the specific tutorial page