Struggling with best practices
Hello, attached is my codepen, basically I want the "Ayesha." / logo in line with my nav bar, but I'm struggling what best practice is, same with the book online, I want them in a little closer to the nav bar then in line with the nav bar/links. I have it set with padding but I'm wondering if that's best practice, just padding till it looks in line or can I do it all easier? Thank you : https://codepen.io/spencerrcr/pen/gbaPZEq reference layout image attached as well :
6 Replies
Remove the paddings, and use
align-items: center; on the flex parents
then tweak from there
Devtools is your best friend too
Helps to click the (flex) or (grid) icons in the dom tree or use the Layout tab to select them
ahh I was able to make a couple of those tweaks :
the overlay layout helped too, didn't know that was a thing so thank you!