Introduction

When designing screens, start by considering how the content should be laid out. It can be useful to sketch out a design, for example using a wireframe. 

Think about how the page should respond to its content, e.g. should the page respond to the size of the content and be scrollable, or to the size of screen it is being displayed on?  Finally, consider any restrictions required, such as maximum or minimum sizes for components.