DEV Community

Cover image for Simple Layout Challenge #2
Alex Shulaev
Alex Shulaev

Posted on

Simple Layout Challenge #2

About

From time to time I practice HTML & CSS layout and would like to invite you to join me 👋 I take a small UI element and just implement it 🙂 And you can share your solution with me and I'll conduct a small code review

Task

Animated result


Expected Result


Implement such a modal window. As a library, you can use my solution, or any other library, or implement everything in pure HTML & CSS, the choice is yours

Share your results in the comments, I'll also attach my solution 👾

Top comments (2)

Collapse
 
alexandrshy profile image
Alex Shulaev

💾 Source code of my solution
🔎 CodePen who just wants to see the result
🖥️ YouTube video coding without parsing and comments, just writing code

Collapse
 
alexandrshy profile image
Alex Shulaev

I'm glad to hear that you think this is interesting 😊 In fact, if you want, at any time you can send your solution to the review, even for the previous challenge, and I'll do a small review 😉