Home page is not well aligned on wide screen

• The page's title consists of the CodeAbility logo, directly followed by the text "Joint Ressourcing of Teaching Material" without any spacing inbetween. This title is horizonally centered. The same logo is present on the top-left of the page. Do we want it twice on one page? If so, it might be good to add space between the image and the title text, or to place the image above the text.

• The text below the title is in a full-width div, but since it is two one-sentence paragraphs it seems shifted to the left.

• Below that, a full-width banner is shown if one is logged in. The text is left aligned, so it seems even more left shifted.

• The last part of the page is the teaser content. It consists of three columns marked as col-sm-3. This means that they take up the left three fourths of the space given to them, making them left-shifted. This could be resolved by marking them as col-sm-4, potentially increasing the white-space to the left and to the right of the row div, or by adding a fourth column.

changed milestone to %2021 March Sprint Sharing Plattform

changed milestone to %2021 April Sprint Sharing

Related to #34 (closed) (Offene Punkte Design)

assigned to @eduard.frankford

Before:

Now:

• Improved alignment of page text
• made word clouds more responsive so that they adapt a bit to page size -> if page is smaller than a specific size display them below each other
• removed second codeability picture

Passt jetzt ()

closed