Build a freeCodeCamp Forum Homepage feedback please

Code Feedback
1

Build a freeCodeCamp Forum Homepage

Hi,

Please feedback my implementation. I had not any new idea about this project but I tried to find a better responsive solutions. Please check the project also on mobile.

GitHub

Live page

Thank you,

lendoo

2

your footer is at mid page, which makes it a bit weird, maybe you want to make sure it is always at the bottom?

image
image640×1079 506 KB

3

Maybe I have to add minimum height to the container? Or hide the footer until not rendered the forum?

4

you are also not showing the most recent posts…

5

Can you tell me witch browser you use?
On desktop I checked with Opera, Edge, Firefox and Chrome.
On mobile I checked with Opera, Chrome and Samsung Internet.

Screenshot_2020-02-06 Build a freeCodeCamp Forum Homepage
Screenshot_2020-02-06 Build a freeCodeCamp Forum Homepage571×3001 442 KB

Works fine everywhere…

6

Hi,
I updated the style.css file added the following style:

body > div {
   min-height: 99vh;
}

Now the footer rendered at bottom always. Opera, firefox, Chrome displays well but on Microsoft Edge 99vh is more than we expect??? Strange…

Update:
The avatars did not rendered since a few month because the addresses has been changed by FCC.

How to fix:

Old code:

const avatar = `https://www.freecodecamp.org/${users[poster.user_id].avatar.replace("{size}", "30")}`;

Replaced to:

const domain = users[poster.user_id].avatar.search("https://") > -1
    ? ""
: "https://sea1.discourse-cdn.com/freecodecamp/";
const avatar = `${domain}${users[poster.user_id].avatar.replace("{size}", "30")}`;