Freecodecamp: Forum avatar list should not wrap.

Created on 22 May 2020  路  5Comments  路  Source: freeCodeCamp/freeCodeCamp

The avatar list should include 5 items in a row without wrapping:

Latest_Career_Advice_topics_-_The_freeCodeCamp_Forum

possible solution:
set
.topic-list .posters {
width: 165px;
}

forum UI

Most helpful comment

Potentially:

.topic-list td.posters {
    height: -webkit-fill-available;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

-webkit-fill-available appears to work for Chromium-based browsers, but needs a fall-back for Firefox for the meantime.

All 5 comments

Potentially:

.topic-list td.posters {
    height: -webkit-fill-available;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

-webkit-fill-available appears to work for Chromium-based browsers, but needs a fall-back for Firefox for the meantime.

Can I work on this one? is this still up for grabs?

@JapneetSingh5, I will handle it today with other forum related issues.

Okay!

Hey @ahmadabdolsaheb , I cannot explain this:
image

It appears to happen to random lists, but I have found at least 5 in 60 topics.

Was this page helpful?
0 / 5 - 0 ratings