Skip to content
OverviewSolutions
9
Comments
2
Júlio Neves
@jcnevess

All comments

  • Bombibi•140
    @BombibiSubmitted 12 months ago

    I have done most of the job but I'm not sure how to make the left block and right block stitch together as if the left block is on top of the right block to cover the border radius. I tried z-index and position set to absolute for the right block but couldn't make them align perfectly in the middle of the screen and equal size for the two blocks.

    In mobile mode, basically the same issue, and not sure why there is a white space at the top of the screen in mobile mode, I made sure to have the margin set to zero.

    Much appreciated if anyone can provide some comments. thanks!

    Responsive Layout using flexbox

    2
    Júlio Neves•120
    @jcnevessPosted 12 months ago

    Good job. You can try creating a container and put left and right containers inside it and set the background color in the parent cointainer. Then use media queries to handle positioning and the border radius.

    CSS Flexbox can help you with the positioning.

    0
  • Andrew Siemon•10
    @sandr15Submitted 12 months ago

    I'm not entirely sure that I used media-queries correctly. I used min-width: 375 to trigger CSS rules for the mobile layout, and max-width: 376 for the desktop layout. Do I really need to specify both min-width and max-width? I feel like I should be able to specify just one of the two. Additionally, most of the CSS is outside of the media queries, just the CSS needed to update the layout is in the media query blocks. Is this the proper way to use media queries?

    Responsive Results Summary Modal using CSS Flexbox

    3
    Júlio Neves•120
    @jcnevessPosted 12 months ago

    Yes, You can specify just one of them.

    Additionally, most of the CSS is outside of the media queries, just the CSS needed to update the layout is in the media query blocks. Is this the proper way to use media queries?

    I think so. You should choose between mobile-first or desktop-first development and let the styles for your choice outside the media queries. Then create the styles for other screens in media queries.

    1