Mary Kay beauty contest is an annual event hold by Mary Kay Greater China, which is aimed to enrich the lives of women, offer an opportunity for them to show their beauty and talent. TCG designed the official website of this contest. In order to provide an optimal viewing and interaction experience, we make use of responsive web design approach.

Responsive Web design is the approach that suggests that design and development should respond to the user’s behavior and environment based on screen size, platform and orientation. The practice consists of a mix of flexible grids and layouts, images and an intelligent use of CSS media queries.

On the mobile platform, the website could automatically switch to accommodate the screen size and resolution, and adapt to user’s behavior and preference on mobile