debug : footer-line break issue

[wooseok123]

debug footer line break issue

issue : #694

changes :

margin-left of dark-mode-toggle : 1em to 0.15em
font-size of nav : 16px to 15px

I've changed margin-left value of dark-mode-toggle to 0.15em and font-size of anchor tag in #footer nav to 15px so that the letter 'light' and 'dark' can be in the same line until 819px.

The layout changes when the width is under 818px. So i think it would be better if there's no line break until 819px.
So it works on my code!

Before

(over 860px)

After

(over 860px, it maintains the same line until 819px)

[camillobruni]

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?

[wooseok123]

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.

[wooseok123]

And how about adding .prettierrc at the root of the project?
I've reset the initial commit because my local prettier settings had activated.

[camillobruni]

LGTM (let's add the prettierc in a separate PR)

[wooseok123]

LGTM (let's add the prettierc in a separate PR)

Thanks! I'll open another PR about formatting :)