website redesign

[Uriel-Sautron]

This PR is the same as #304

[Akctarus]

Left few comments, otherwise, responsive works very well, good job!

• github link and language choice should be interchanges, also, there should be a wider gap between these two items and the rest of the header

• below 640px, the carousel should take the full width

• when the page is small, the footer should have items displayed like that, not aligned

[theocrsb]

Overall, it’s much better. Thanks
The result is getting closer to the mock-up!
We still need to take the comments on board and do some clean-up to ensure there are no CSS rules that have no impact on the app.

[theocrsb]

It would be a good idea to organise the @media rules in ascending order, for example, and place them below the basic CSS to ensure a logical structure.

[1eenaa]

After validation with @thibautsailly , the navbar-link titles font-weight was changed to 600. This does introduce a scrollbar at the extreme 333px viewport width, but that width is rare enough that it's an acceptable trade-off.

[theocrsb]

under 639px =>
app:

mockup:

Generally speaking, the size of the footer keeps changing, even though there are three sizes defined in the mockup

[theocrsb]

Below 639px, the sponsor div does not have the same background colour as in the mockup

The size must be set to 416px

[Akctarus]

LGTM in overall, thank you for this PR!

[theocrsb]

Thank you for taking my comments on board.
The final result looks to me as though it matches the mockup.
There are still two or three minor points that could be improved in the CSS, but overall it’s fine by me.

[Math-R]

Lgtm :) nice