I'm starting a new series aimed at helping you improve your css skills by challenging you to recreate a suggested feature or element. I'll only be posting things that will be of use when building your websites or apps. So no code golf or obscure stuff.
This is a weekly challenge, so every Monday there will be a new thing for you to build. Also every Monday, alongside the challenge, I'll give a suggested solution to last weeks' challenge.
Post links to your solutions (codepens, jsfiddles, etc.) in the comments if you solved the challenge.
So the first challenge is to make breadcrumbs. Commonly used in larger websites as secondary navigation.
- parent element that holds individual items should use the
- each item uses
atag for links
- each item is somehow separated, either with text (
/, traditional) or visually (modern)
- last item should have special styling