SITE DEVELOPMENT IN DREAMWEAVER – RED STAR FOODS

I have started to build the site in Dreamweaver, and for the first time approached the project from a “mobile first” perspective in terms of Responsive Design.  I have previously used media-screen rules to add Responsive functionality, but only by working down to mobile from a full page site.

Below are screenshots showing the development of the site so far.  The coloured div borders are temporary to aid composition while developing:

Default:

Image

@media screen and (min-width: 500px):

Image

 

@media screen and (min-width: 1000px):

Image

@media screen and (min-width: 1250px):

Image

 

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s