Featured Apps

MyMemes

Create Your Own Memes
Add captions to the most popular meme images or your own photos

Sleepify

Music Alarm Clock
Simple, stylist and intuitive music alarm clock

Collaged

Create Photo Collages
Easily create photo collages to share with friends and family

Background image - Repeat horizontally while matching container height

16 July 2015

When creating our new website, we wanted to have a background image in the header for each app that matches the app theme. We created a 1px wide image that we wanted to repeat horizontally, but also stretch to fit the height of the header. We achieved this with the following css:

CSS
background-image: url(/path/to/background.png);
background-repeat: repeat-x;
background-size: auto 100%;
Click on any of our apps to view this in action.