6 Comments

The only thing I don't get is why the cursive in font-size did not take in effect. I couldn't make it. Hope the rest looks good. https://codepen.io/serdar-cihan-g-le-/pen/YzQJMmJ

Expand full comment

Very nice -- this looks great and works well! Cambria is a serif font. If it's installed on your computer, then it will display that font first. That's what's happening in your navbar. "cursive" is the generic equivalent. If you want the generic cursive font, change that declaration to font-family: cursive;

That will display the browser's assigned "cursive" font. On my Mac, that is Zapf Chancery, but it may be different with Windows and in different (human) languages.

Expand full comment

Hi, I'm not sure if anyone is still looking for comments here :)... i was just wandering about this question from text above:

(You may be able to put padding on the right instead of using gap, but you'd need another declaration for that. Can you figure out why this is?)

What do you think abut this approach? Thanks in advance!

I added this instead of gap:

.example4 li:not(:last-child) {

padding-right: 1rem;

}

https://codepen.io/draganstanojevic/pen/VwRxVEm

Expand full comment

Awesome, this works great! Nice job! 🌈 😁 🦄

Expand full comment

And it is here:) https://codepen.io/gamzebercin/pen/bGoYgbG

Expand full comment

🎉🎉🎉 Nicely done! The code looks great and the bar works well. Because you changed font size on hover, the whole bar moves when you hover over an element. From a design perspective, you probably don't want this effect. However, there's nothing technically wrong with it!

Expand full comment