Basic HTML, CSS, and JavaScript

This was a bit more of a challenge than I had first thought. I'm still learning the basics of grid and had some struggles along the way. My biggest issues were how to get the underline embellishments for the links "Learn More". I was able to add them using ::before but the proper lengths seemed off and I'm not sure how to make them responsive. My next project before resubmitting is to fix how the grid sections flow between 375px and 1440px. I'm not sure if another media query is the right choice or if I should try to combine flexbox & grid to allow it to grow and shrink naturally.

Any suggestions are always really appreciated.