Responsive coming soon page

Community feedback

• 

  T

  Chamu•13,130

  @ChamuMutezvaPosted about 3 years ago

  • the alt message of the woman is awesome. That's very clear message which is beneficial to assistive technology users. Good work.
  • I have only tested the preview on mobile and it looks good. The method you used to display the images between screens works but is not one of the best practices. I can say it is an expensive method and can slow down the machine as it will download every image that will be in the html. Look into responsive images techniques - srcset and picture element

  Marked as helpful

  1

  ---

  

  Leon Michalak•545

  @NinjaInShadePosted about 3 years ago

  @ChamuMutezva Thanks, I read about this alt article not long ago and have been putting more thought into my attributes.

  As for the method of the img, I used two html elements due to the way the desktop view was laid out in the html. It practically made it impossible to just use one image.

  0

  

  T

  Chamu•13,130

  @ChamuMutezvaPosted about 3 years ago

  @NinjaInShade, srcset or picture element allows you to use any number of images in your html but only one image will be downloaded according to the device`s width. As an example of this challenge, on a mobile device, the small image will be downloaded and on desktop the large image will be downloaded. The method you used does not perform that, all images will be downloaded.

  0

  

  Leon Michalak•545

  @NinjaInShadePosted about 3 years ago

  @ChamuMutezva Yes I understand that, but the CSS and how the image is actually positioned/displayed on the page means I have to include 2 instances of images in HTML.

  If there wasn't a mobile version just one desktop but the layout changed like that I'd still have used 2 elements.

  0