Skip to content
OverviewSolutions
14
Comments
3
Gabriel Lira
@gabrieltrt

All comments

  • Gabriel Lira•170
    @gabrieltrtPosted over 1 year ago

    Hey bro, você é brasileiro? você tá mandando muito bem nos desafios!

    1
  • BossArifSanjaya•20
    @BossArifSanjayaSubmitted over 1 year ago

    how do you set the container so that its position is centered horizontally and vertically? how to make the container to be responsive correctly?

    html, css, bootstrap

    2
    Gabriel Lira•170
    @gabrieltrtPosted over 1 year ago

    Friend, in the mobile version you need to use the flex-direction:column; property in the main container.

    And when you do media queries, you must change the main container's flex-direction property to Row instead of column.

    in short, study more about flexbox! he will solve pretty much everything in this challenge.

    0
  • Muzammil Hussain•150
    @MuzammilHuxainSubmitted over 1 year ago

    Having difficulty while adjusting the size of image. Image was not fitting accordind to the height of div.

    One more problem is, when i set with 1440px, scroll at the bottom gets appear.

    Anyone comments will be appreciated

    Responsive Product design using flexbox

    1
    Gabriel Lira•170
    @gabrieltrtPosted over 1 year ago

    Hey friend, how are you? Congratulations! you're almost done. To improve the image in this challenge, you must use the <picture> tag. Basically this tag stipulates minimum sizes where the image is changed by another.

    In this challenge you have two images, one for the mobile version and one for the desktop version.

    Marked as helpful
    0