Is there a way to build this layout with FlexBox?
Here is the codepen that I tried to make it with Grid, and it kinda works, but i feel like it becomes way too complicated with css grid.
https://codepen.io/harunjonuzi/pen/vYbOWLa...
center with flexbox
Hi everyone
I want center the content of my body but I don' t know what is going wrong
html code:
...
Some styles missing in firefox
Some of my element's styles are not being applied in firefox,
as you can see, the highlighted element has classes .primary and .button-like,
I am applying a display: flex, seen in the highlighted line of the stylesheet but it does not show in the style inspector
It works on other browsers...
Facing Issue on Layout on Extra Small Screen
I am trying to make Landing page of an organization(basically copying its design). Link to codepen is this: https://codepen.io/anurag1989/pen/jOdayJR
The issue I am facing is when the screen size is getting less than 270px, the <body> (and hence its children <head> and <main>) element is shrinking more than the screen size (when using in responsive mode). This is leading to a blank space between the Screen and <body>. I have tried different ways like using display: grid for <main> but in that case, the .container is flowing out of <main> at size less than 290px.
What is causing this issue as I am not able to figure it out. Please also comment on code quality and any tip to iprove it....
Make SVG path proportionate
Hi guys, it's my first time posting or asking for help here, so I am sorry if I miss anything.
I am trying to edit this SVG path to make the "bottom" part (in red) proportionate to the "top" part (in green) using this website: https://yqnn.github.io/svg-path-editor/ but I just can't seem to make it perfect
```html...
I need help creating this division effect using CSS.
Hey all! hope you're well!
I am creating a project at the moment, and in my hero section, I want a series of images in a slideshow on the left, and on the right a solid color with some text and a button in it.
Currently I am just trying to work out how I would set up the container for this. ...
How to name my custom properties semantically
Hello everyone, I would like some help and suggestions for articles that I can read about how I can name my custom properties in a better way.
Instead of just naming the colors like: --red, --blue, --cyan, etc.
I want to learn a better way of how I can name them, I heard that I should name the colors as primary, secondary (accent), neutral....
Help w/ Dialog
Hi! Can anyone help me w/ my Dialog issue?
Whenever the dialog is closed via the "Submit changes" button, it should change the correct line
I was giving it some thought and all that I could think of is putting an identifier in the creation and hide it so I can call upon the position in the table, for example like this
<p class="hidden">${locationInTable0based}</p>
I do hope there is a better way tho, any ideas?...
Stuck on getting items to grid wrap.
Trying t o get my input and button be 100% container width at certain widths, then be side by side with the input being the majority of the width. I been tring different template columns with minmax and autofits but cant get them do both.
I gave the input a max width, and was thinking once that max width was met the button move from the second line to the same line....
Dynamic Font Size Based On Container & Text Length
I have a difficult challenge that I'm not sure is currently solvable.
I want to utilize container size units (cqi) to adjust the font-size of text to the container...
BUT...
