How do I force fonts to always have the same width?
I will dynamically be rendering content into these two grids. As you can see there always might be some space left on the sides of each grid item. I wanna force the element inside to always take up the full given space. What can I do?
Container structure: last picture.
I’ve already tried text-transform: full-width. It does what I want as you can see in my third picture but it changes my font dramatically. I don’t want that. ...
CSS Grid
This is the css code for the
learn-more section element
```css
.learn-more {
padding: 160px 10% 120px 10%;
display: grid;...
Follow up from yesterday: subgrid with different tags browser incompatibility.
I vented yesterday rather than asking a question, but today I have a question. I haven't got codepen so code attached as a self-contained HTML, hope this is ok.
Situation is I am trying to use subgrid with labelled columns across browsers. caniuse says that everything I want to use supports it... but... Firefox works perfectly and everything else does not. (See screenshot, Firefox is the bottom one.)
Or... rather... Subgrid works perfectly on all browsers unless I use fieldset.
Anybody any insight as to why fieldset would behave differently to div and why caniuse doesn't distinguish this? Can I / should I report this to canIuse ?...
How do i achieve this? i experimented with has() property and im facing difficulties
https://codepen.io/avinash-tallapaneni/pen/QWPVRzg
im unable to target previous siblings, is there a way to code this without using 3rd party library?...
Seeking Guidance: Achieving Desired Border Effect in Design Section
Hello, could someone assist with designing this section? I've attempted to create a border effect within it but encountered difficulty. Perhaps my approach is not optimal. Additionally, it doesn't resemble the provided image. Can anyone provide guidance on achieving the desired effect?
Here is the code pen link-: https://codepen.io/Amit-Soni-the-vuer/pen/mdgGwRW...
SVG filter to "flip" the image?
essentially, small tweak that displaces the image to go the opposite way.
kind of
scaleX(-1)
my research so far:
it should be possible, by creating linear gradient and using it as a displacement for the source graphic, it should be able to flip it. ...