All comments

• 

  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

  40
  

  Mr. Ryt•140

  @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

  This comment has received 1 replyShow
• 

  Mr. Ryt•140

  @MrRyt247Submitted over 1 year ago

  

  Product Preview Card with Flexbox

  2

  30
  

  Mr. Ryt•140

  @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