Problem positioning content with subgrid
Guys, I'm having a problem positioning the content of my first line. As you can see, I positioned the content of my cards with subgrid, basically I have a layout of 6 columns repeat(2, 2.5rem 1fr 2.5rem).
The content is positioned correctly on mobile, but when I switched to the desktop I don't know why I can't get the content in the first line to extend from column line 2 to -2. I think it's a specificity problem, some statement I made on mobile that I'm not overriding when I move to desktop. Could anyone look at my code and help me find where this problem is?
Live site: https://sircarloschaves.github.io/single-price-grid-component/
Repo: https://github.com/sircarloschaves/single-price-grid-component
The content is positioned correctly on mobile, but when I switched to the desktop I don't know why I can't get the content in the first line to extend from column line 2 to -2. I think it's a specificity problem, some statement I made on mobile that I'm not overriding when I move to desktop. Could anyone look at my code and help me find where this problem is?
Live site: https://sircarloschaves.github.io/single-price-grid-component/
Repo: https://github.com/sircarloschaves/single-price-grid-component
A website that I cloned from a challenge from the Front End mentor website. It is a study and practice site.
GitHub
Contribute to sircarloschaves/single-price-grid-component development by creating an account on GitHub.
