Topics

Kevin Powell - Community•12mo ago

How to fix row height in grid

hey can you help me with this actually i am learning grid and its quite complex also if you know grid please teach me . thanks https://codepen.io/ajaywork/pen/MWzwrRW hey i want both the rows to have equal height but only the first one is having 30% not second?

CodePen

...

3 Replies

vince•12mo ago

You have grid-template-rows: 30%. I changed that to grid-template-rows: repeat(2, 1fr) and now they both have equal heights

SirPHOBIA•12mo ago

thanks @vince it worked

Nikita•12mo ago

Please remember mark question as SOLVED

Kevin Powell - Community Join

A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.

34KMembers

View on Discord

Want results from more Discord servers?

Add your server

More Posts

Animation of text reveal letter by letterHi everyone I had a text reveal effect on the firdt text "we are laxer" the problem is the last let Make page looks clean and more "intuitive"Hello i have created this and want u to help me improve it and somehow show user (maybe using icons)Edit input field on :focusI want to create a input form that will have a width adjusted to the amount of text in it like in th Does anyone know how to style this button?I tried this which doesn't work quite as I expected ```html <a href={src} class="relative rounde Adding items to div with title that user can change anytime by clicking on itHello i wrote a code that create a new item in card and set its name to ``Default Task Name`` but i General opinions?Trying to find a good balance without putting too much stuff together. The general idea is to be my Help finding class name for drop-down menu.Hey! I have this dropdown menu that I can't inspect to find the class name, I've tried the tricks of Finding correct tax bracket with iterationHello! `taxBracket` is finding the tax payed for each step of the tax bracket (`stepOne, stepTwo`,