New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Fix horizontal margins on mobile #32
Conversation
I believe the margins can be more simply fixed by adding <div class="row">
<div class="page-header col-md-12">
<h1>{{ page.header }}</h1>
</div>
</div>
<div class="row">
<div class="col-md-12">
{{ content }}
</div>
</div> |
Actually, the problem is that there is one If you want to keep the Also, this will still cause the margin problem on the desktop version. And we still need to override the css attribute. |
Yeah, I think I have it right with two consecutive rows, one with |
@iLtc Did you want to make any changes to address that? This does seem better on mobile, so it could make sense to merge now. |
Let's move the "next meetup" feature to another PR, since it's off-topic. |
God, I don't know push to my repository will influence here. Hopefully, it works now. |
Tip: never open PRs from |
Thanks @iLtc! |
Merge pull request techcorridorio#32 from iLtc/master
I fixed the horizontal margins on mobile.
However, it causes another margin problem on the desktop version.
I can not find an elegant solution. I just override the css attribute.
It looks good now.