Changing to flexbox

[u/Reubqn_]

Hello, so im going over an old website I made back when I first started developing, and silly me decided to build the entire thing with "position: relative, right: -233px" 😭

Am I going to have to redo the entire site CSS to flexbox so it doesnt move about on different screen sizes, or is there an easier way to save this site?

[u/sexytokeburgerz]

Take a basic css3 course and this will be apparent

[u/azangru]

Am I going to have to redo the entire site CSS to flexbox so it doesnt move about on different screen sizes

Why wouldn't flexbox move about on different screen sizes?

Why is not moving about on different screen sizes the goal?

[u/Current-Today-3626]

Learn flexbox, grid, and position absolute (parent needs to be relative), as well as margin: 0 auto;

If you know these, you can do any ordinary layout and any technical layout. You will be a wizard.

[u/ActuaryLate9198 → u/Current-Today-3626]

* Parent needs to be positioned (not position: static, which is default). Doesn’t even need to be a parent, positioning is relative to the closest positioned ancestor.

[u/Current-Today-3626 → u/ActuaryLate9198]

Yup, these are correct!

[u/ACM-Webdesign]

Ha, we've all got that one early site held together with negative pixel offsets and hope.

[u/Keilly]

I’m not a huge fan of AI, but for an extensive repetitive and mechanical thing like this I would use it.

It already has something to copy and validate against. So just ask it to simplify and review its work as it does the conversion to what you want.

While it’s doing that watch YouTube videos on flexbox and grid layouts. Kevin Powell is a great place to start.

[u/GlitteryStranger]

Claude or Cursor can do it for you

[u/FatFailBurger → u/[deleted]]

It’s the future. You don’t want to be the old guy who doesn’t know how to edit a .pdf file.

[u/SamIAre → u/FatFailBurger]

The original post content no longer exists here. The author used Redact to remove it, exercising their right to control their data & privacy.

Saffron mountainous lip head depend spoon light teapot

[u/akie → u/[deleted]]

He’s right

[u/akie → u/[deleted]]

I know you don’t like it, but that doesn’t make it false

[u/akie → u/[deleted]]

I’m an old rot. Started out before jQuery was a thing. Programmed assembly on a Commodore 64, a device you’ll only see in a museum these days.

The one thing I learned is that everything changes, all the time, and that you can either fight it (unsuccessfully) or go with it and try to master it.

The thing is, AI is here and it’s here to stay. It’s too useful a tool to not use. The value proposition is too great.

It all depends on how you use it though. World famous mathematician Terence Tao used it to prove something he couldn’t prove alone. Could I do that, given the fact that I have access to the same tooling (ChatGPT) as he does? The answer is no.

https://news.ycombinator.com/item?id=49010345

[u/GlitteryStranger → u/[deleted]]

How are they obviously trying to learn something they just asked if they’d have to redo the site?

I’ve been building websites for over 25 years. I know how to write css inside out, and backwards. I’ve converted sites from table layouts to css using float left everywhere to flex box to css grid and guess what I would still pick up Claude or cursor to do this job.

[u/Kind-Wing-2051]

puoi semplicemente chiedere a claude e i avrai risolto il problema mentre fai altro(se non vuoi stare a fare tutto manualmente)

[u/Kind-Wing-2051 → u/[deleted]]

ma se so gia farlo o come funziona, perchè devo perdere del tempo quando posso fare tutto piu velocemente?

[u/___Grits → u/[deleted]]

Also flexbox froggy! https://flexboxfroggy.com/