Latest solutions
Latest comments
- @Da7y@lailton-b
Hey, Da7y!!
Great job, I loved the result.
To pick the right box-shadow color you can use the color picker tool of some image editor, such as GIMP, Photoshop, etc. I personally like to use Figma to see the layouts.
- @isy-creates@lailton-b
Hello, Isy!
For sure. I really liked the result, congratulations!
- @itkhanz@lailton-b
Hey, Ibtisam!
You did a great job, congratulations!
Just a tip: put the title "Stay productive, wherever you are" aligned to the left and it will be perfect!
- @dzm11@lailton-b
Hello, Piotr!
I personally prefer to do mobile first, I think it’s easier. Increasing the size seems easier to me than decreasing to fit the screen.
And great job, I loved your solution!
- @gulayyolcu@lailton-b
Hello, Gülay Yolcu!
One problem I saw was the @media (max-width: 1440px) and (min-width: 961px)
When the screen goes over 1440px the layout breaks completely. Try removing (max-width: 1440px) and leaving only (min-width: 961px), this will prevent the site from breaking on larger screens.
Ex: @media (min-width: 961px) { content }
- @nabil-ee@lailton-b
Great job, Nabil, I really enjoyed it!! Just a tip: you could make the content occupy 100% of the screen on the desktop by adding height: 100vh in the html. This property will always calculate the maximum height of the screen and distribute correctly, it gives a better appearance!