If you think a bug might affect users in the 57 release, please set the correct tracking and status flags for Release Management.

[Redesign] Make the 2-column layout for landing page ready for launch



Mozilla Developer Network
4 years ago
4 years ago


(Reporter: teoli, Unassigned)



(Whiteboard: [specification][type:bug], URL)


(2 attachments)



4 years ago
What did you do?
Landing pages have a fixed 2-columns layouts.

There are a few problem with them and the redesign:

1. The icons of the headers doesn't fit with the new theme. They were placeholders, anyway.

We have to decide: if we keep icons, and if so get new ones drawed.

2. A special font is used for these headers. It was the font used on the homepage. We need to get rid of it.

3. The design doesn't work well on small scale, we need to make the 2-column becomes a 1-column when small (see attachment)

This work will allow us to get our landing pages ready for the redesign.

What happened?

What should have happened?

Is there anything else we should know?


4 years ago
Blocks: 915041

Comment 1

4 years ago
Created attachment 802871 [details]
Show the problem 1 and 2 at desktop size

Comment 2

4 years ago
Created attachment 802872 [details]
Show the small-factor problem
The headers and icons are styled within CustomCSS.

Comment 4

4 years ago
I fixed CustomCSS and the column goes from 2 to 1 at a certain size, adding more padding, a vertical line; removed all the hacks to put a custom font on the CSS and nuked the use of the icons.
Last Resolved: 4 years ago
Resolution: --- → FIXED
Blocks: 910513
You need to log in before you can comment on or make changes to this bug.