I would like to have auto margin on the MainSection inside the fixed sidebar just like the Navb and the Footer on the page. However, because the MainSection is aligned/flushed to the left the auto margin does not work.
I have tired aligning MainSection to the top at 100% width (inside Textbox at 50%), but this prevents me from clicking on my lightbox images on the right as it is covered. Adding -1 z-index also disables the links in the Textbox.
Hmm… it’s hard to understand where you issue is. If you could clarify more with a screenshot or something to give a better view of the specific part. Others may have a look as well.
I hope this provides a better idea of what I am trying to achieve.
The first page demonstrates how the auto margin works on the ‘Info’ page. The second page ‘Work’ is where the issue is, the fixed side bar is aligned left but does not align with the rest of the elements as it does not implement the auto margin – sorry, does this make sense?
Okay I see. Now the auto margin is working from what you’ve showed. Images are obviously different because they’re inline block by default. You could set individual images as block with a class or manually. But it looks fine from here. And don’t think display setting will effect it much.
Remember, a user will not drag a browser like we do in testing. They will view on one device at a time. So the inital screen size is what they’ll use. They won’t go to your site on a desktop, then pick up the phone to see if you site has responsiveness
Sometimes, as developers and designers, we tinker a little… ha… I actually really like your design. But dang, I think it’s really minimal in difference. Looks good on all devices here.
It is a very minimal difference, its just I’m working on a wide desktop screen so it’s very annoying to see it and have it at a different font size! I thought that perhaps there could be a simple workaround to having the ‘Selected works – …’ text aligned to the Navbar and Footer
True… but your font can really only be “fluid” not actually true repsonsive; there will always be tweaking. Have you tried using “VW” (viewport width) in the font size? This will give the fluid resizing you’re probably looking for. Also “EM” may give a comparable result.
FYI - WF will do a calculation for you in the font size setting, so you can test different options. (Works for the 3 default values, PX, EM and %) Type in pixel value, then click drop down and select em. It will convert to that setting for you. Try % as well. Different combinations and resize to see if you get the result you’re looking for.
I understand you quality standards! I’m the same way…
Oh yes I’m using VW on the font – I was referring to the difference in size of the 'Selected works –…" and the text on the homepage ('Louise Lee…") since its wider.
Dude! Oh… assumed male … that’s awesome! I totally forgot about that. You can overlay the margins and padding with that. How did you do it, I’m curious.
