Flex

Community feedback

• 

  Lucas 👾•104,400

  @correlucasPosted about 2 years ago

  👾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!

  Marked as helpful

  3
• 

  Lukas•50

  @Lolex3366Posted about 2 years ago

  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

  0