Can you give an image/visual of what it’s supposed to look like? Cause I’m not sure if you want the icons to line up with the higher “CONNECT” title, or if you want the “CONNECT” title to line up with the lower icons.
Sure, no problem. Here is the finished image of the footer from the comp.
I want it to line it up as so at full scale. But I am building my first responsive site and I want to bring the social media links down below the “connect” as I scale down to mobile. Would it be better that I use images?
I have one question, if I may. I know the mantra for responsive design is ‘mobile first’ but I wrote to Ethan Marcotte after reading his book and he said a good way to start is to design for desktop first and quarantine the sizes and you scale down. I took that to mean you can design a normal site for desktops, give it flexible grids, and start adding media queries as you scale down. Is that right? The reason why I ask is I notice with some responsive sites, mobile was definitely designed first and I wondered if it made much difference?
Depends on your audience and your design. For some designs it’s easier to start with a mobile design and then add/reposition things for desktop. For other designs it’s better to start with a desktop design and then remove/reposition things for mobile.
Or you go the middle route and you design a generic thing first, then add/remove/reposition stuff for mobile sites, and add/remove/reposition stuff for desktop sites.
I don’t think there’s a rule or law that says which device or screen size you have to target first.