VISIT URL: http://www.mendilab.co.za/FAM3007F/2012/bdlsha002/mobi/
CURRENT CHALLENGES:
- Logo has been designed, however it does need to be improved - needs more oomph!
- Cannot get font (african theme) to work in all browsers.
- Sidebar jumps from the left side to the right in Safari.
- When the computer screen is minimised to mobile screen size, header overlaps the logo.
Good attempt, I did notice some problems in your css and in particular the media queries defined here. I am hoping that the following snippets of the 3 media queries will help. You will still need to re-define the styles for the elements in your html inside each of them:
ReplyDelete@media screen and (min-width: 1024px){
/* Desktop styles defined here! */
}
@media screen and (min-width: 481px) and (max-width: 1023px){
/* Tablet styles defined here! */
}
@media screen and (max-width: 480px){
/* Smartphone styles defined here! */
}