-
Notifications
You must be signed in to change notification settings - Fork 323
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
debug : footer-line break issue #695
base: main
Are you sure you want to change the base?
Conversation
src/_css/main.css
Outdated
@@ -224,6 +224,10 @@ hr { | |||
align-items: flex-end; | |||
} | |||
|
|||
#footer nav { | |||
font-size : 15px; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'd prefer not adding a new font-size.
How about removing the dots .
separators between the nav links and add margin-right: 0.5em
for footer nav a
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I agree with your opinion.
I've just added the modified version. (removing dots and adding margin-right
to them, and things i had to do to align them in the right position.)
The line-break still remains in the mobile version, but i think it's not a big deal.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
And how about adding .prettierrc
at the root of the project?
I've reset the initial commit because my local prettier settings had activated.
a9e9103
to
cf53671
Compare
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
LGTM (let's add the prettierc in a separate PR)
Thanks! I'll open another PR about formatting :) |
@camillobruni If there aren’t any major issues, how about merging it? |
debug footer line break issue
issue : #694
changes :
margin-left
ofdark-mode-toggle
:1em
to0.15em
font-size
ofnav
:16px
to15px
I've changed
margin-left
value ofdark-mode-toggle
to0.15em
andfont-size
of anchor tag in#footer nav
to15px
so that the letter 'light' and 'dark' can be in the same line until819px
.The layout changes when the width is under
818px
. So i think it would be better if there's no line break until819px
.So it works on my code!
Before
(over
860px
)After
(over
860px
, it maintains the same line until819px
)