single price grid component HTML CSS only

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted over 3 years ago

  Hello, Jenna! 👋

  Nice effort on this challenge! 👏

  I try not to use percentages to set the dimensions of items so much (at least, if I can avoid it) because becomes harder to predict how those elements will look on varying screen sizes. Sometimes, setting a fixed width or height (using units such as px, or more preferably, em or rem) and simply changing those values when necessary with a media query is a more consistent way to go about sizing things. But sometimes percentages work better, so it's really up to the scenario. The rest of getting your solutions to look more like the design is mostly guesswork (unless you have the design files, but that isn't completely necessary since you can do a great job by just eyeballing it). 😉

  Hope that helps. 🙂

  Keep coding (and happy coding, too)! 😁

  0

  ---

  

  Jenna•125

  @jamby4546Posted over 3 years ago

  @ApplePieGiraffe thank you! I originally used fixed height and width and used media query for varying screen size. It worked for width, but the content of the container would overflow the fixed height, and I couldnt figure out a way to get the interior to scale.

  0