Fucking shit, where did i go wrong ?

Centered it in a span with a fixed width instead of using a div?

@taigrr im going to re write all of this and try your solution.

Wait no I was asking if that's what you did wrong, definitely wasn't suggesting using a span for centering

@taigrr ooh sorry, no i dont use span. instead i use div with fixed width.

Use width 100% instead of pixel count for outermost parent

@taigrr i never use pixel count. i use percent and somethimes vh and vw. i did that on the first div.

@taigrr https://github.com/wowotek/...

Is it deployed live anywhere or do I have to do it myself to look?

@taigrr no it's not deployed yet. but it's only npm install and start tho. only if you are interested too look how mumble jumble the code is.

Css position absolute left and top 50% and translate -50%, -50%?

I think it's a preference thing but maybe remove the centering from body, and use margin-left: calc( 50% - 175ish ) and margin-top: whatever on the div for the form that has width 350

175 when total width is 350, but might not be exactly 350 so figure that bit out

@devTea are you asking or suggest a solution?
the outer most parent :

position: relative;
display: flex;
justify-content: center;
align-items: center;

@taigrr in the container ? (after the body)

@wowotek edited my comment

@wowotek solution, kinda hard without looking at the css, are you using any cas framework? From the looks of it there is a media query that makes it justify-content left on specific width

@devTea no, not yet. i think the problem is in the css. i'm a back end dev. this is my chance to figure it out 😂

@wowotek if it's still messed up tomorrow I'll send you a pull request, I'm just on my phone RN and can't be bothered to get out of bed hahahaha

@taigrr if you do so, that will be my first pull request 😂

Looking closely I think what you did wrong was stretching the preview screen to the end!

@FrodoSwaggins i don't understand any of that lol. this is one of my first attempt to create a frontend-side

@GiddyNaya what do you mean to the end ?

@FrodoSwaggins i don't understand what the definition means either. need more practice than to rant about it, i suppose.

Impressive to see how supportive the community of devrant is with so many people trying to help :)

@SortaBubbly Interesting username, cuz my app is SortaBubbly

--insert-mlg-sound-here-

@vexusia meet me on the astral plane.

@wowotek css fix

Edit: the graphics ain't interchanging here on devRant. @dfox, any idea why not?

Link to imgur: https://imgur.com/a/7vHP4Hs

Higher quality webm: https://ipfs.io/ipfs/...

@taigrr oooo shit you really did it😅😥

@wowotek haha yeah you'll be mad when you see it, it's one line xD
Edit: PR https://github.com/wowotek/...

@taigrr just finished merging your pr, i love you so much <3

@wowotek haha no worries, feel free to tag me here or in a GH issue anytime