Submitted
This is my first project written in React!
@albina0104
Submitted
This is my first project written in React!
Submitted
It was quite challenging to make the share panel so different on mobile and desktop.
Also, I remember advice not to create empty divs. But here I created one, for the purpose of closing the share panel when clicking outside of it. As I don't know any other way of doing it. I hope it is okay?
Submitted
Submitted
Submitted
Submitted
I used several things for the first time:
I would like to know if I used all that appropriately :)
Submitted
The hardest part was to place the background circles correctly. I could not place them correctly as a background image. So I decided to add circles as regular images with an <img> tag.
Submitted
Submitted
Submitted
Submitted
Submitted
Submitted
I wonder, is it possible to position the main div in the exact center of the viewport, while keeping the row of text at the bottom of the page?
I don't want to center it using position: absolute
, as there are side effects on small screens in landscape mode - elements can overlap, and the top of the main div is hidden and it's not possible to scroll up to see the top. (The second issue happens also when centering with flexbox properties justify-content: center
and align-items: center
, that's why I didn't use them either.)