Skip to content

Improve sign-up message for smaller screens

Created by: valerybugakov

Problem statement

The sign-up message is not good in using available space on small screens:

Screenshot 2021-09-22 at 12 12 34

This could be fixed by splitting the content into two rows:

  1. Search icon + text.
  2. Create a free account" button.

To reproduce the issue visit the following link as a non-authorized user. The source code for the sign-up message is located here.

Success criteria

The message changes the layout on smaller screens to show content in two rows.

Things to learn/practice during the implementation

  1. Apply CSS to build responsive UI.
  2. Learn more about how Sourcegraph repo uses CSS modules to build UI's faster.

Estimated amount of work

T-shirt size estimate: S.