Latest solutions
Latest comments
- @chetanachaudharyP@Pillin
Hi!!
You can use
Flex
to positionate in the center. Rembemer the container need to be 100hv and 100 vw,display: flex; justify-content: center; align-items: center;
ref: https://css-tricks.com/snippets/css/a-guide-to-flexbox/ ;).
if you have doubts don't hesitate in say
- @notFacerollP@Pillin
Hiii!!, you can try to use mix-blend-mode, there is an example here: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_mix-blend-mode-all. the one that comes closest to it is the multiply =). Also, It isn't similar to the color, but it is closest.
Marked as helpful - @MuhammadKaleemRazaP@Pillin
Hiii!!, you can try to use mix-blend-mode, there is an example here: https://www.w3schools.com/cssref/tryit.asp?filename=trycss_mix-blend-mode-all. the one that comes closest to it is the multiply =). Also, It isn't similar to the color, but it is closest.
- @peter-kalavritinosP@Pillin
Hi!!!
when you defined the H2 tag, you didn't close it, that makes it look dropped.
<h2 class="question">How many team members can I invite?</p><button title="open answer" class="toggle-button"><img src="./images/icon-arrow-down.svg" alt=""></button>
I suppose that you want to do is
<h2 class="question">How many team members can I invite?</h2> <button title="open answer" class="toggle-button"> <img src="./images/icon-arrow-down.svg" alt="" /> </button>
With the flex that you have in the parent. you will have the alignment correctly
I hope it has been helpful
Marked as helpful - @placodermP@Pillin
Hi! I hope that you are well
If you want to centered the layout vertically
you can add in main tag
height: 100vh; display: flex; align-items: center; justify-content: center;
and in #card remove the margin. I hope It has been helpful.
- @ErlenthP@Pillin
You can add in the .container
height: 100vh;
If you want to have vertically centered layout
Marked as helpful