# CSS for Flexbox

The Flexbox control and any other controls added to it as part of your design can be styled with CSS.

Below are a few examples of useful CSS code snippets that you can use in your application.

***

### CSS code snippets

#### Cards

Cards can be created by styling a \<div> tag with CSS. In Stadium that means styling a Container control. Below is one example of a basic card that contains an image and a label.

<figure><img src="https://3514041584-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FqxH8JA8xG3I22tiZG5H6%2Fuploads%2Fgit-blob-bfb478980298a598a57362c9c6b7d148c2f98e6d%2Fflexboxcsscard1.png?alt=media" alt=""><figcaption></figcaption></figure>

The following code snippet is for a Container control (\<div> tag), placed inside a Flexbox to create the card display:

`box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);`\
`transition: 0.3s;`\
`width: 250px;`\
`text-align: center;`\
`padding-left: 20px;`\
`padding-right: 5px;`\
`margin-right: 15px;`\\