New site: Thoughts and so sorry, it’s been awhile

┬áSo it’s been awhile since my last post… Sorry! I feel like life has been keeping me busy, so busy in fact that I think a whole year has swept past and I’ve neglected WordPress and blogging in general.

Completely unhappy with my google analytic results I’m back to the drawing board on my site – this time working with a responsive layout (not completely unfamiliar with it).

As for my idea of a new layout I would like to remove my current navigation. I do not have alot to offer in terms of pages on my site so instead I would like to have the ‘buttons’ be more images – large images/buttons on a desktop that scale down considerably on a mobile device.

Here’s the desktop draft:

newsite-desktop

I’ve been hitting a wall trying to figure out how to scale the div’s within a container to 100% height with pure css (though I’ve read flexbox is a solution, still wrapping my head around it). At this point I have decided to have large screens display a height in px while the mobile will automatically respond – this probably is not the ‘recommended’ way for a responsive design, but it will work for the time being.

drafted mobile
newsite-smscreen
Here’s the css for desktop view:
@media only screen and (min-width: 768px) {
/* resize height of div */
.dtH350 {
height: 350px;
}
.dtH175 {
height: 175px;
}
}
and the html

< div class=”row” >
< div class=”col-3 dtH350″ >Free Photos< / div >
< div class=”col-6″ >
< div class=”col-6 dtH175″ >Illustrations< / div >
< div class=”col-6 dtH175″ >Nature< / div >
< div class=”col-12 dtH175″ >bottom< / div >
< / div >
…..
< / div >

What that does is size the divs at 350px (or 175px) height on screens with a min-width of 768px and drops that rule for anything smaller.
I’m going for something flashy, fingers are crossed that I can do it as envisioned.
Aside from that, I’ve also set seo goals for my page:
I would like to see at least a 10% increase in organic traffic within 45-60 days after this next update. The web market is actually very saturated with free photo sites. Hopefully once the search engines see my site is more mobile friendly, they will give me a slight boost in position.
I have also tried to be social some of the major social networks.
Will also add more content to my existing pages as well as toss in a few additional (at least that’s the current plan).