Lexi Comments - Answer Overflow

Topics

Lexi

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

🙃 -sigh-

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

I'm probably going to let it ride until tomorrow as well.

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

Forgive my ignorance but h-scroll?

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

I just now realized that

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

Gotcha, makes sense. I'm still trying to learn best practices and definitely have a lot to learn for sure

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

So on set-up you'd have h1, title-xl {}, h2, title-l {}, h3 title-m {} etc?

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

Thank you!

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

any particular reason for using b?

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

Gotcha. In the case of a footer is there any heading that should be used?

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/15/2024 in #front-end

CSS Grid not resizing on media query with new grid-template-columns

... Thank you 😂

47 replies

KPCKevin Powell - Community

•Created by Lexi on 11/11/2024 in #front-end

Container grid system using react CSS modules, full-width being overridden by content-grid

I did indeed

11 replies

KPCKevin Powell - Community

•Created by Lexi on 11/11/2024 in #front-end

Container grid system using react CSS modules, full-width being overridden by content-grid

Nevermind, upon further investigation I am silly and didn't look at my code closely enough. Thank you, @b1mind!

11 replies

KPCKevin Powell - Community

•Created by Lexi on 11/11/2024 in #front-end

Container grid system using react CSS modules, full-width being overridden by content-grid

Sure, so I have my page layout where I have a div wrapping the entire content in a "content-grid" class. Then I'm setting up a component of navigation which is getting the class of "full-width". Page loaded on:

<div className='content-grid'>
      <Navigation />
</div>

<div className='content-grid'>
      <Navigation />
</div>

Navigation component is:

<nav className='full-width'>
      <ul className={styles.navigation}> 
             <li></li>
      </ul>
</nav>{styles.navigation}>

<nav className='full-width'>
      <ul className={styles.navigation}> 
             <li></li>
      </ul>
</nav>{styles.navigation}>

The content-grid class itself is in a global.css file wrapping my entire application.

11 replies