Is it possible to have a child element's height even across cards with CSS only?
I'd like to know if it's possible, with CSS only, to have the title (blue) box match the height of the biggest title box. The red box should then fill the rest of the space and the stat cards will evenly fill the red box.
Second screenshot is the goal, but is using a fixed height on the title box.
Code Pen: https://codepen.io/Maynards/pen/NWJYvzq...
How to build new Hero grid designs
I have seen these new Hero designs in Dribble and Pinterest. How would you develop something like this
Animation on Navigation Bar
Hi guys, I am trying to create an animation similar to the one Kevin Powell made (refer to the attached picture). However, the issue is that I am unable to replicate it exactly because it's in my navigation bar and not a simple rectangle. Additionally, I would like to implement a diagonal animation, as shown in the attached paint picture. Could you please assist me with this?
```HTML
<!DOCTYPE html>
<html lang="fr">...
Navigation Bar
is there a reason why flex: 1; dosent work on a ul tag when making a navigation bar? As soon as you take out the ul tag and add a flex grow of 1 to the nav tag it then expands and acts how it should?
Flex Grow not working on Nav
Can someone please tell me why my flex grow isnt working on my nav. I dont understand what im doing wrong
Is there a correct way to copy these containers?
Sorry for that bad title, I created this basic container I wanted to know is there a correct way to copy the containers or would I have to make separate containers with the same styling?
How can I recreate this design?
Hey there, Recently I was researching some cool portfolio design to make mine look better and I came across this guy who had done his Projects like this I was wondering how can I get the design he had? He had placed a laptop and phone with his project on it.
Best practice for Hero Image Behind/Below Text
As seen in the Figma image, I'm trying to make a hero page with a responsive image based on screen size. I currently have this set as a background image set to contain but end up having to create a lot of padding to bring the image up and down correctly. Is there potentially a better way to do this? At certain viewports, the image overlaps the text pretty badly.
