Skip to content
OverviewSolutions
10
Comments
4
Mr. Ryt
@MrRyt247

All comments

  • Mr. Ryt•180
    @MrRyt247Posted about 6 hours ago

    Nicely done! Just little bit of colour correction would do Change the body background to the charcoal grey and the input border and placeholder to gray

    0
  • Mr. Ryt•180
    @MrRyt247Posted 3 days ago

    Use display flex and margin auto to center your card.

    0
  • sumaira10041•210
    @sumaira10041Submitted about 1 year ago

    Can anyone plzz tell me how to make it responsive .....i give two days to this page but still cant make it responsive...can someone tell me where i did mistake

    Intro section with dropdown navigation

    3
    Mr. Ryt•180
    @MrRyt247Posted about 1 year ago

    To achieve responsiveness, you must:

    • get familiar with flex & grid
    • media queries
    • learn to use other units (i.e. vw, %, vh, dvh, dvw, rem, etc.)

    Flex and Grid can easily adjust when the window is resized. With the use of min-width / min-height and min() function, you can adjust the size the item can expand to or shrink to. Media queries enables you to redesign the page for different sets of screen sizes and even orientation (very useful for mobile devices). You can create the perfect webpage for each phone. 'px', 'in', 'ch', 'mm', 'cm', etc. is fixed. The properties defined for an element with such units never change for different screen sizes. But for units like '%', 'vw', 'dvh', they adjust when the window is resized which is great for responsiveness.

    Marked as helpful
    0
  • Mr. Ryt•180
    @MrRyt247Posted over 1 year ago

    Hi. I'm very grateful for your feedback. I've honestly not heard of the picture tag. Thanks for teaching me but I have one question here. Which image do I use for the src attribute in the img tag for this case where I only have two images for smaller and larger display? I have no fallback image to be precise.

    0