Modal

[raaims]

Fork me: https://codepen.io/kirblitz/pen/ExJgPvx

• ⌛ 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!

[netlify]

✅ Deploy Preview for glittery-pony-788add ready!

Name	Link
🔨 Latest commit	3b06277
🔍 Latest deploy log	https://app.netlify.com/sites/glittery-pony-788add/deploys/660388b7edea400008c051de
😎 Deploy Preview	https://deploy-preview-3--glittery-pony-788add.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[AdyCastEX]

https://codepen.io/adycastueras/pen/rNbMMGE

[notco]

https://codepen.io/notco/pen/PogGGJO

[janpatrick-dev]

https://codepen.io/janpatrick-dev/pen/gOywwXG

[kiembully]

https://codepen.io/Kim-Klinton-Vale/pen/WNWGGXK

[viancamaulion]

https://codepen.io/Vianca-Andrea-Maulion/pen/bGJwwoM

[tkevinmattt]

https://codepen.io/tkevinmatt/pen/eYoddjq