3 column layout where outer columns are the same width with middle taking up rest of space?
This is for a header, I have a logo and logotype on the left, buttons on the right, and I am planning to have a search box in the middle and I want it to be central which does mean that I need left and right to be the same width even though content on one side will have empty space
I can use grid to make all columns the same width but I can't then specify that the middle column should be super wide. Also tried flexbox but that appears to be a dead end. My usual front end person is dealing with stuff so I can't ask her
I've tried:...
Table Header Borders & Sticky Behavior Not Working Properly on Refresh/Resize in Chrome (Windows)
Hi everyone,
I'm running into an issue where the borders and sticky behavior of table headers are not working as expected in Chrome on Windows, especially when the page is refreshed or the window is resized (like during responsiveness testing in DevTools).
I've attached a video and screenshot showing the issue.
Video - https://www.loom.com/share/d5f0926c4e1f4e9b95a1e117981b079b?sid=62187e15-f803-4b70-beb0-a46b6ebf0a8e
Codepen Link - https://codepen.io/Amit-Soni-the-vuer/pen/RNwWjra...
Extreme webperf
Is it possible to load an image concurrently with HTML on connections where this won't slow the HTML loading? Or include the images at the end of the HTML stream?
is there a way to prevent overflowing other than padding ?
I want it to almost touch the border radius
javascript project ideas
can you all suggest me project ideas that would strengthen/improve etc. my understanding of these methods
Extende colums to fill empty row with grid css
Hi everyone!
I set a basic grid with only two columns, 1fr each.
I would like to know if it's possible to extend automatically the size of the green box, that I draw in the example image, to fill the gap in the second row, first column. Is it possible?...
Issue with Applying space between table body rows
Trying to make space between table rows just like in the image
Any workaround to achieve this
codepen:...
inline hints for shiki powered code blocks
I'm experimenting with adding inline hints to indicate stuff like parameter names in code example on the documentation I'm writing. I got a shiki custom transformer going to replace inline comments that look like
/* [!hint: prop:] */ by prop:. Obviously they get automatically removed from the copy code functionality.
I personally like those in my IDE as it makes it easier to understand what is what on function calls, but some questions comes to mind :
- is it helpful on a code example ?
- should I add a way to hide them ?...