ZyPA
KPCKevin Powell - Community
•Created by billye9053 on 12/17/2023 in #front-end
conquering responsive layouts lessen 9
ah yea, ty for correcting me, i just joined the course quickly to see if i could help him out, and noticed the channels, although the courses are locked so i couldnt get to the day he was at.
6 replies
KPCKevin Powell - Community
•Created by billye9053 on 12/17/2023 in #front-end
conquering responsive layouts lessen 9
on that note, id also recommend that you ask further questions in the #conquering-responsive-layouts channel, since people will have more experience with the course, and therefor might be able to help you better, you can also check out #crl-solutions to see what other people did
6 replies
KPCKevin Powell - Community
•Created by ZyPA on 12/18/2023 in #front-end
Make 2 grid columns share the same size.
i just tried it, and it seems to work, i was just a bit worried that it might end up scaling too much, but didn't seem to be an issue in my test. other than it starting to clip into my nav at smaller widths, but that can easily be fixed with max(fit-content, 15vw), and to be honest, if we're at those screensizes, i'd probably wanna swap to a mobile layout either way
i havent made a website in so long, so im a bit rusty, only started again now, since i wanted to try to learn nextjs and react.
up until now ive been doing it in vanilla js, html, and css/sass, so i kinda have to get used to nextjs, along with remembering all the css tricks xD
7 replies
KPCKevin Powell - Community
•Created by billye9053 on 12/17/2023 in #front-end
conquering responsive layouts lessen 9
Please update your codepen, seeing as this one currently doesn't have the mentioned code.
currently your code structure looks like this, and as you can tell, it is missing the navigation you're asking for help fixing:
- Hero
- - Container + Row
- - - Hero Text
- - - - Heading
- - - - Paragraph
- - - - Anchor
- - - Hero Image
- Main + Container + row
- - Primary + Content
- - - Section Title
- - - Paragraph
- - - Paragraph
- - Sidebar
- - - Sidebar Title
- - - Paragraph
- - - Sidebar Title
- - - Paragraph
- - - Sidebar Title
- - - Paragraph
on a seperate note, and im not entirely sure if the course has made you organize it this way.
but i would recommend wrapping each of your sidebar items in a container. just to group them together in case you need it in the future.
- - - Sidebar Item
- - - - Sidebar Title
- - - - Paragraph
6 replies