Here is a link: https://codepen.io/Harviator/pen/yLVqbwg
I think my problems are within the CSS.
Tell us what’s happening:
I have the problems commented within the code. However, I’m having the following issues:
Within CSS grid, the space between rows is too much. I’ve tried playing with grid-gap, grid-row-gap, margins, and padding and I can’t seem to make it smaller.
I used some Google icons and I can’t seem to change their size. I tired using font-size like google says you are suppose to, but they don’t change.
Near the bottom of the page I have two flexboxes and the space between the text and the top of the box is a lot. I’d like to reduce it, but when I played around with justify-content, align-items, padding, and margins I don’t seem to be able to reduce it. I’ve also tried playing with the vertical-align property, but didn’t help either.
Any help would be great! Thanks!
Your code so far
Please see link at top and the comments in CSS.
Your browser information:
User Agent is:
Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15.
Challenge: Build a Product Landing Page
Link to the challenge: