Flex

👾Hello Lukas, congratulations for your new solution!

Here's some tips to improve your solution:

The correct size for the container is max-width: 1110px not that you don't need to set the height in this case, the container height grows with its inner elements.

.container {
    width: 1110px;
    height: 400px;
    background-color: hsl(244, 38%, 16%);
    display: flex;
    border-radius: 15px;
}

To write less code you can apply the purple overlay effect in the photo using mix-blend-mode: multiply and an opacity around opacity: 75%.

To create the mobile version for this challenge you need to create a media query with flex-direction: column-reverse; inside the container to have the container vertically and the image in the first row/block.

👋 I hope this helps you and happy coding!

Again nice help Lukas, wehere do you see the right width ? in the style guide i dindt find it :) And wich tipp do you have to lern javasript fast as posibil