search

BubbleCarrot / 4590-QA-Final-Project

0 stars 0 forks source link

Health practitioner images not scaling responsively #14

Open lindah97 opened 1 year ago

lindah97 commented 1 year ago

Description

Image sizes on the service pages become unproportional when scaling down to smaller device widths

Steps to Reproduce

  1. Go to https://centralwellness.ivansomera.com/
  2. Click on services on the header main navigation
  3. Click a service to go to its respective service page
  4. Right click the page to display options
  5. Click Inspect
  6. Make sure your inspect is in responsive view
  7. Change the width from desktop screen to mobile screen

Notice the changing width of the images.

Expected Result

When going to different device widths, the images of the practitioners should stay in the same proportions.

Actual Result

When going to different device widths, the width of the images of the practitioners shrinks while its height remains the same. This makes the images squeeze, and look unproportional.

Image

Configuration

This issue was found across all designated platforms as outlined in the QA checklist,

Devices

  • iOS mobile devices, Android mobile devices, iOS tablet devices, Mac OS & Windows laptop and desktop devices

Browsers

  • Chrome, Safari, Opera, Microsoft Edge, Firefox
BubbleCarrot commented 1 year ago

Made images scale responsively

18