Flexbox and borders
Hello there
I have a block of text and and an empty div with background color and want to layout them horizontally using flexbox. All works great until I add border to the empty div. For some reason the borders are not accounted for the width and instead added on top of the resulted width of the div. As a result the div is wider than the text block. the box-sizing property for everything is set to border-box if that's relevant.
Is this the expected outcome?...
Image Caption width of Image
Well hello everyone,
I have a given size (fullscreen modal) in which I want to show an Image as large as possible. That would be easy with object-fit: contain but unfortunately the image also needs a caption below it, that should have the width of the image itself. If the image was always landscape that would be easy, but it might have any aspect ratio.
I added an image how its supposed to look like and I have a codepen, where I tried around with grid and flex, but couldn't find a solution.
Thank you for your ideas 👍️
https://codepen.io/tobiaswust/pen/rNoEYXV...
Not the same in other browsers
I was trying to find a way how to achieve fixed height for table's body, after some time, I finally found solution, but now this code won't work exactly the same way like in Chrome browser.
GOAL: trying to make code to work in different browsers (works in Chrome, but not in Firefox)
TRIED: I thought, maybe I need prefixes, but nothing changed. I think the issue is with table's container height, but not sure how to fix it now, without breaking inner code
...
Neon Button
Hello! Im following Kevins Tutorial for the neon button with reflection, Im between 6:20 and 7:39 and this is my CSS code so far. Every time I update my live server it is not showing the glow that the button should have, A picture and links down below any help would be appreciated!
:root {
--clr-neon:hsl(317 100% 54%);
--clr-bg: hsl(323 21% 16%);...
Notification on icons
I have make round black notification with numbers on top right of icons, please check is this is good way to make or not, I am bit confused about it, looking forward to your point of view, thanks
https://codepen.io/hamzacodepen951/pen/qBLzXOm...
can anybody help me to build this effect.
effect desc - whenever circle hovers an element the color of the text changes but the catch is that the color of the only circle region changes not whole elem. even if half w element is selected than half w color will see change. see below the effect for better understanding .
Would you make this a table?
I feel like this looks like a table so it should be a table; but it would be much harder for me to style this I believe as a table.
