Designing Responsive Sites
-
-
- steve_k
- Sr. Rocketeer
- Posts: 107
- Thanks: 0
-
This is harder than it first looks
my attempt
www.solimarvillasales.com/
The biggest challenge by far is to get the content to line up as it re-sizes for the different media sizes, throw in images and it doubles your effort,
I have lined up my homepage items by using a combination of 3 methods
1, the top left image that has the phone number in red is 3 separate images for the media classes, large, desktop, tablet
2, the sidebar modules have a background image behind the text then a bottom image that the top half has had the background removed so it appears like one image,
3, I made bits of the bottom sidebar module visible for certain media sizes, and set hight spacers for the media sizes with variations of <div class="visible-tablet" style="height:42px;"> </div>
Any image that is going to show in the mobile size needs to be 600px, this can make the site heaver,
I have a question for any gurus out there
Is there any way we can make a module in the sidebar expand to fill the available space? like anchoring the bottom to the gantry mainbottom line,
any of you got any tips on responsive design
Steve
-
-
-
- RedRiverBlack
- Elite Rocketeer
- Posts: 1034
- Thanks: 15
-
Good effort! I would check your hover font on the menu with the BackSaveMortgage CalculatorPDFMy FavoritesSearch links. I don't think the background justifies the amount of work you have put into this as it looks a little bland. Everything else seems great.
Is there any way we can make a module in the sidebar expand to fill the available space? like anchoring the bottom to the gantry mainbottom line,
Sorry, not too sure what you are asking here?
-
Time to create page: 0.080 seconds