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 ๐Ÿ˜‰