DEV Community

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

Posted on

 

Simple Layout Challenge #1

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 (soon there'll be modals because I implement modal libraries and write about it) and just implement it πŸ™‚

Task

Simple Layout Challenge #1


Simple Layout Challenge #1


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 (4)

Collapse
 
alexandrshy profile image
Alex Shulaev • Edited

πŸ’Ύ 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

Hi and welcome to the challenge πŸ‘‹ I think a week is an optimal time for the challenge πŸ‘

An Animated Guide to Node.js Event Loop

Node.js doesn’t stop from running other operations because of Libuv, a C++ library responsible for the event loop and asynchronously handling tasks such as network requests, DNS resolution, file system operations, data encryption, etc.

What happens under the hood when Node.js works on tasks such as database queries? We will explore it by following this piece of code step by step.