Computer Basics text overflows on mobile #7565
5 participants
Is there anywhere I could get more context into the app/routes/Hikes/components files? Are these primarily for the Video Challenges while the jade templates are for the coding challenges? It seems the styling for the Row component (-15px to left and right margin) in react-bootstrap doesn't seem to work well with a single column. I'll keep digging further, but any additional context would be greatly appreciated. Thanks!
@bteng22 Yea, the views for the video challenges are generated with React in common/app/routes/Hikes. FCC didn't use React when it started out, which is why only the recently-added video challenges use it while the coding challenges use Jade templates.
The margins for the row class are declared in public/css/main.css starting on line 1402. Note that this class is used across the site, not just on the React-generated views.
@alistermada Ahh sweet thanks for the clarification! I definitely noticed the row class being used in multiple places so I'll be sure to take a careful approach when fixing this. Thanks again man—I'll hopefully have a potential fix in by tomorrow.
FreeCodeCamp Issue template
Issue Description
When I go to the website the text is over the edge and I can't zoom out to view it.
Browser Information
Note: The issue also happens if you view the mobile view on chrome for windows.
Screenshot