Non-centered footer in Articles Dashboard

[mariocsee]

Describe the bug
In dev.to/dashboard, the footer is aligned more to the right compared to the center column of articles. This happens between the widths of 950 and 1119 and it seems fine for anything wider or narrower.

To Reproduce

1. Go to 'dev.to/dashboard'
2. Adjust your width to between 950 and 1119
3. Scroll down to the bottom
4. See footer

Expected behavior
The footer should be centered in pages like /dashboard where there are no cards to the right or left of the center column.

Screenshots

Desktop (please complete the following information):

• OS: MacOS
• Browser: Chrome
• Version: 75

Additional context
Note that the footer is used all throughout DEV and is not always center aligned depending on what page you're on.

[arku]

Interesting. This is how it looks to me on Firefox (I am on a Mac).

[mariocsee]

@arku Just to check, did you get to adjust your width to between 950 and 1119?

[NedyUdombat]

Hi, I would like to work on this. But I am having troubles setting up the ruby application on my local machine, any form of assistance will he highly appreciated

[arku]

@mariocsee

Just to check, did you get to adjust your width to between 950 and 1119?

Ah, no I didn't. Thanks for adding the resizing step to the Reproduction steps.

I am able to reproduce the issue.

[arku]

@NedyUdombat Thanks for offering to help! It would be helpful if you could let us know what issue you're running into.

[NedyUdombat]

@arku I am trying to setup the database and it is showing me this. If you can help I would appreciate

[rhymes]

@NedyUdombat what happens if you issue createdb TestABC from the command line? I think it's telling you there's a password required for your installation of PostgreSQL.

You can check the DEV installation docs to see how to provide the password to the Rails application https://docs.dev.to/installation/postgresql/#configuration

[ganonbit]

Ah yep, just replicated it. Looks like @media tags fighting. There's a very unneeded margin-left: 310px; in there for the @media tag for @media screen and (max-width: 1119px) and (min-width: 950px) footer .container.centered-footer { I'll try to give my shot at tackling it in a bit.

[jacobherrington]

I believe #3965 resolved this -- is anyone still able to replicate this issue in production or with the current master branch?

[akshayymahajan]

Still able to replicate the issue..

[akshayymahajan]

Is anyone still working on this? If not, I would like to tackle this..

[rhymes]

@akshayymahajan I believe #4153 contains the fix, correct? See this comment #3112 (comment)

[akshayymahajan]

@rhymes Yes. My bad, I thought #4153 was merged. It should fix the issue..

[maestromac]

Resolved with #4153