search

FreeCodeCamp-SLC / utahjs-gatsby

UtahJS is a nonprofit organization dedicated to community and JavaScript
https://utahjs.com
BSD Zero Clause License
5 stars 11 forks source link

Develop the code of conduct page to be mobile responsive. #81

Closed AlexanderPuhl closed 3 years ago

AlexanderPuhl commented 3 years ago

Use the old UtahJS website as a guide on where to set breakpoints, but these are just guidelines we may have to adjust where the breakpoints are or even create new breakpoints. We want to be able to go down to a screen size of 320 pixels which is the size of an iPhone 5/SE. As you play around with shrinking the page size, pay attention to boxes or text breaking out of their containers. Make sure that we maintain a bit of padding on the edges of the screen at all times. Here is an image of the old site once it gets down to 320px wide which is the width of an iPhone 5/SE.

image

jgbowser commented 3 years ago

Looking at how it is displaying currently I am not seeing any issues. Were there any specific issues you noticed? Padding and font size all look great. This issue might be able to be closed without any changes.

AlexanderPuhl commented 3 years ago

Took another look at the COC page and confirmed what John said that it really is good to go and no work needs to be done.