align-items-baseline not working properly
i have a div and inside that two more and i want both the text and the image to be at the bottom of the div, the image is not getting down
15 Replies
Please review #how-to-ask-good-questions and add a lot of extra info like your code, preferably somewhere live like codepen
ok give me 5mins
will send you
don't send it to me, post it in here so others can take a look
ok
sir
https://miniature-spork-qxgwgj449r6h9x46.github.dev/
see here sir my illustration image is not getting down as of text
GitHub
Build software better, together
GitHub is where people build software. More than 100 million people use GitHub to discover, fork, and contribute to over 330 million projects.
I think you may have your repo set to private, I'm getting a 404
GitHub
GitHub - mohdaquib171/fb-signup
Contribute to mohdaquib171/fb-signup development by creating an account on GitHub.
check now
is it visible now?
the code is, the live version (the codespaces version) isn't. But I made it into a codepen with a placeholder for the illustration: https://codepen.io/jochemm/pen/XWyvEqV?editors=1100
ohk thanks sir, can you tell me how can the get down
like the text
this is my design which i am trying to make
sorry, I can't get it to work right now, and I don't have a lot of time to look at it. Someone else can probably take a look with the codepen as help
what I can say, is that the image is aligning to the baseline on the h1, which is the bottom of the first line
ok thanks for your help sir
I think you'll have to set the height on the container of the h1 and img somehow, and then change the align-items to something other than baseline