ŽoHo
KPCKevin Powell - Community
•Created by ŽoHo on 11/15/2023 in #front-end
CSS grid and image
So im having issues with image behaviour in css grid. HTML and CSS code will be provided down but to explain:
I have 2 columns in grid where one (containing img) is 35% width while other (content) is 1fr or 65% meaning rest of the grid width. Now when i resize dimensions to make it smaller using inseptor tool (responsive) it works as it should. The image witdh is 35% and its height is equal to height of content div. But when i expand the dimensions the image continues to expand and because of that makes the content div height bigger and bigger making white space in it.
What I want is that height of image stops expanding and is equal to height of container div. Without setting fixed height since content div should be able to get or lose more elements so its height will be changed depending on the content that is rendered.
11 replies
KPCKevin Powell - Community
•Created by ŽoHo on 12/1/2022 in #front-end
Footer Semantics
From a POV of semantics should h tags and p tags be used in footer? If this is correct what other tags should be avoided?
If we look at page as a table of contents I feel like headings and paragraphs have no place in footer (or header) since they are not part of the content of a page. They help navigate content. Thus i feel like using span for h and p more relevant.
Am I wrong?
14 replies