Working on responsiveness and with picture element.
What challenges did you encounter, and how did you overcome them?I notice the image asset is different from the expected output for mobile view. In figma, I guess the image displayed on mobile has to do with cropping the desktop version. I tried to do exactly the screens designed on figma by utilizing object-fit
set to cover
and object-position
to get the exact cropped position (center 10%
).
More about semantic html and responsiveness. I am pretty much getting comfortable tweaking styles, but responsive and accessibility still are challenges I need to practice and overcome.