Riki Wendri• 1,380
@F4YY
Posted
Hi @a3mxn,
Congratulation for completing the challenge...
From user point of view, I have few suggestions that might interest you to fit app as close as to given design.
- Adaptive when it comes to mobile screen view, at about pixel width less than
480px
which is commonly used as a breakpoint for mobile screens. Inside the media query, you might need adjusted the flex-direction tocolumn-reverse
and set the height toauto
, allowing the content to stack vertically on smaller screens. This will help ensure a more responsive layout on mobile devices. Such CSS snippet below:
@media (max-width: 480px) {
.container {
flex-direction: column-reverse;
height: auto;
}
}
- Blend the color of an image; you might use the mix-blend-mode property to blend the color of an image with its background using the multiply mode. It multiplies the color of the image with the color of the background(purple), resulting in a darker blend.
Hope those could pretty much Helpful. Above all you did very great. Keep happy coding...
0