Trouble targeting classes on mobile
I'm trying to use this media query to add extra padding on the bottom for mobile.
@media (max-width: 769px) {
.two-col-section_grid .two-col-section_grid-desc.mobile {
padding-bottom: 0px;
}
}
Here's a codepen link to the html and desktop css
https://codepen.io/ezekielswanson/pen/qBQpaaY
(apologies, I don't have the pro version of for code pen so the image won't show but here's a screen shot of the page)
In live version it appears the media query isn't rendering at all. I'm confused as to why. Do I need to add the animation classes to target it specifically?
@media (max-width: 769px) {
.two-col-section_grid .two-col-section_grid-desc.mobile {
padding-bottom: 0px;
}
}
Here's a codepen link to the html and desktop css
https://codepen.io/ezekielswanson/pen/qBQpaaY
(apologies, I don't have the pro version of for code pen so the image won't show but here's a screen shot of the page)
In live version it appears the media query isn't rendering at all. I'm confused as to why. Do I need to add the animation classes to target it specifically?
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
