Vanilla JS/CSS

Community feedback

• 

  Gillian Akpeki•445

  @akpekigPosted over 1 year ago

  You can use multiple background images by separating them with a comma like so:

  background: url(...) ..., url(...) ...;

  You can also split up the short-hand background into background-image, background-position, etc. This will make your styles more readable. In terms of positioning, "top", "center", etc. are default values that should be enough based on the designs, but if you need something more specific, you can use units like so:

  background-position: 30% 43%, 50% 60%;

  Unrelated, but mobile designs don't seem to be implemented and so the stars for each rating wrap (at least on my device)

  0

  ---

  

  Rob Simpson•490

  @pertrai1Posted over 1 year ago

  @akpekig thanks for the comments. I am not sure what you mean about the mobile design? I checked while I was designing and after being done to make sure it looked correct. On my iPhone I don’t see any wrapping. What other devices should I try to check with? Thanks

  0

  

  Gillian Akpeki•445

  @akpekigPosted over 1 year ago

  @pertrai1 Here's what it looks like on my phone (Galaxy S22). If I had to guess why that is, I'd say it's becausw the grid starts at a breakpoint of 376px whereas newer mobile device widths tend to go up 600px.

  Marked as helpful

  1