modal.md

slug	date	title	type	image	codepen	author	github	entries
/modal	2024-03-14	Modal	css	../images/modal.gif	https://codepen.io/kirblitz/pen/ExJgPvx	Kirby Borromeo	https://github.com/kerdaddyb	name url Ady https://codepen.io/adycastueras/pen/rNbMMGE name url Franco https://codepen.io/notco/pen/PogGGJO name url Patrick https://codepen.io/janpatrick-dev/pen/gOywwXG name url Kim https://codepen.io/Kim-Klinton-Vale/pen/WNWGGXK name url Via https://codepen.io/Vianca-Andrea-Maulion/pen/bGJwwoM name url Tams https://codepen.io/tkevinmatt/pen/eYoddjq

• ⌛ You have 15 minutes to implement this, take your time (but not too much)!
• 💅 Feel free to embellish and make it pretty!
• 📦 Some basic CSS is provided for you. There are some TODO comments in there to help you out.
• 🧙 You can search online if you get stuck.
• 🎉 When you're done, Fork 🍴 the Codepen page and share with us the URL.

* * *

Tips and hints

• Use transform and position properties to position the elements.
• Don't forget to put pointer-events property.
• Use the :target pseudo element. Go wild!