highlight php code in pug files (VSCode)
Hi, so i want to highlight php code in pug files. I am using VSCode. I have tried to look for extensions for this but i cannot find. The pug code is highlighted properly but not the php code. Is there any way to fix this?
Btw, why is there no pug tag to choose here in #front-end :/...
Best way of achieving layout with merging columns
so im designing this column layout with a large centre column and a side column but when it condenses on smaller screens I want to merge the columns and im not sure what the best way would be.
Looking for one on Kevin's videos!
He made a video that I have seen before but now can't find it, He was styling multiple cards on a webpage using a technique I have never seen before. I have uploaded an image as it looks something like this, I know it's not super descriptive but I'm hoping someone else remembers as well and can link the video?
one sided slanted button
Whats the cleanest way to achieve this design? I want to be able to make it responsive no matter how tall the button is.
1px separation between two divs
The div that contains the absolutely positioned wave svgs has no set height.
The contact section below has no set height.
Zooming in and out shows it if it's not showing itself already. Sometimes just scrolling makes it pop out.
...
Problem with Imgage not filling in space is caused by padding
So I am struggling with this problem and I believe it has something to do with the
<picture></picture> element because without it there is no problem. Still, I am using this element because I want the image to change to another at different screen sizes. I have tried a lot of solutions and can't figure it out any help would be highly appreciated ❤️
```<picture class="card__pic-img">
<source
srcset="/images/image-product-mobile.jpg"
media="(max-width: 600px)"...
How do you manage elements on the edge of the screen / out of the grid as screen scale up
I’m curious about how you handle situations where a designer places elements on the design mockup right on the edge of the screen / out of the grid. This positioning might work well a specific screen size, or on smaller screens, but as the screen size increases, it can lead to awkward or unintended placements.
For instance, putting a max-width helps control the layout, but it doesn’t always align perfectly with the design intentions... I’m interested in hearing how you approach this—do you have any go-to strategies or techniques for keeping elements well-positioned as screens grow?
let me show you some exemple of what i mean with the images :...
does anyone know CSS grid well?
I am trying to arrange my project using the CSS grid , but I am failing miserably !
The first image is how I wanted it to be , and the second is my image , I can share the code via dm , can't share here , please if you know grid , help me out...
#front-end...
How to make 1 row with columns that are resizable in width by the users?
Here are some criteria to help you understand what I want.
A layout with 1 row and X number of columns.
The initial width of the columns should be based on its content.
The user should be able to resize the widths of the columns.
All columns have a min-width that should be respected....
