Picsum, Positioning and Stacking Context
Building this component, we will go through the random image generator in OxyProps using Lorem Picsum API, discuss absolute positioning, and solve stacking context problems. This will be fun !
🎉 Get OxyProps while it is on LTD !
OxyProps: https://oxyprops.com
🔗 Links
Lorem Picsum: https://picsum.photos/
⌚ Timestamps
00:00 - Introduction
00:08 - The target result
00:35 - General Layout
02:00 - Best way to add placeholder images
03:20 - Making persistant your random image with a seed
04:10 - Building a simple card
08:00 - Pre-styled o-btn classes family
10:25 - Position Absolute - Position Relative
12:45 - Stacking context
15:47 - Dealing with overflows
#CSSFramework #OxygenBuilder #OxyProps
___
Come hang out with other OxyProps users ans Oxygen lovers in our Facebook Community
💬 / oxyprops
___
My editor:
VS Code - https://code.visualstudio.com/
My Terminal Enhancements:
OhMyZSH: https://ohmyz.sh/
Powerlevel10k: https://github.com/romkatv/powerlevel10k
___
Find OxyProps on the internet :
Facebook: / oxyprops
Twitter: / oxy_props
___
And don't forget that if you can design it with Oxygen, you can style it with OxyProps!
Watch video Picsum, Positioning and Stacking Context online without registration, duration hours minute second in high quality. This video was added by user OxyProps 14 October 2022, don't forget to share it with your friends and acquaintances, it has been viewed on our site 856 once and liked it 64 people.