25 Replies
you're going to have to be a bit more specific
how can i do this "card" that contains button
do i need to use position absolute or something else ??
you can use this on the div the text and button are in:
that'll get things displaying one below the other and centered
no you miss understand me hahaha
look that div that containes the text and buttons
that div it's between like the footer and the other section
my question is how can do the like put in that div between the footer and the other section
oh, that
I think it's just a
<dialog>
opened with showModal()
. It's centered in the viewport and that's just where it ended upHard to tell anything without code/and proper context
also ^
To me it looks like it's positioned over the footer
its hard to tell but if you have a code plz send
Could use negative margins or absolute positioning, not sure the best way
i did that but it's look weird
can't you just link the page it's on?
it's not best practice i thinks
how can i do that??
where did you take the screenshot? Paste the URL in the chat here if you can
it's a challenge in the front end mentor
here's the design
I can give it a whirl in codepen when I'm on my computer in about 45minutes
it will be helpful to do that:D
The point of FEM is to practice these things, asking questions about how is fine but try to make it first. Then ask questions about the code you wrote (share in a codepen)
Also PSA: Don't live by the defaults and starters, they come with imo bad practices.
Use them a "guidelines" same with the designs
Here's the quick and dirty: https://codepen.io/vince1444/pen/QWVLRJV, I'm not great at html and css so there is definitely a better solution to be had but it seems responsive but you're going to have to play around with it.
thank you so much
Just realized I messed it up, I have to edit it when I get home again
I saved it, might be a bit more responsive now
the one think that i didn't understand is why you didn't apply the position:absolute; to the section
i try it but it goes misssy
I made that change today and added a margin-top to the footer to add white space
Didn't realize I used position relative twice 😂
Changes should be reflected in the codepen
yeah it did
thanks alot