

Using box-sizing: border-box on the appropriate elements is the most efficient fix.The reason is because the columns don’t actually add up to 100% – they add up to more than that due to the padding. Show me some different ways you could fix that.Įven though the two columns are 75% and 25% wide and floated opposite ways, the sidebar has fallen.

The right sidebar here has fallen down below the content. You can either do it and talk about it, or you can’t. I hope I didn’t ruin Mobify’s hiring process! But honestly, I think this stuff is hard to fake.

This button is loaded with that kind of stuff. This would be a great test of the candidate’s CSS3 skills. Using CSS properties alone, recreate this button: Give people an image of a button, and tell them: I saw this idea on Mobify’s CodePen account. Collab Mode on CodePen is kinda perfect for that (just saying). Watching/listening to them do it could be invaluable. These are some exercises that aren’t particularly difficult and anybody with CSS experience should be able to do. Seeing people work their through exercises live might be even more important. Seeing people’s actual work is just as important as what they say. I thought I’d think up and round up some ideas for reference. If you’re in the position of needing to interview someone about their skill and knowledge about CSS, it can be a little hard to think of things to ask on-the-fly.
