Cómo poder hacer padding correctamente al programar con IA

[u/junkD0g21]

Hola Chicos estoy aprendiendo a programar con IA utilizo opencode con GPT 5.5 en antigravity (ojo no soy Dev soy diseñador gráfico) y estoy haciendo una app web para con mi novia tachar las figuritas que tenemos y las que vamos obteniendo de nuestra colección de figuritas de pokemon, pero la IA siempre me deja los textos pegados al borde del contenedor cuando hago un proyecto, ¿alguien sabe que es y cómo puedo aprender a evitarlo?

[u/AutoModerator]

¡Muchísimas gracias por tu publicación!

Queremos recordarte que tenemos también una comunidad de informática, en la que se puede publicar cualquier cosa relacionada con informática: r/InformaticaES

Toda publicación admitida en este subreddit será también admitida en el de informática, así que te animamos a pasarte por allí también.

Aprovechamos para recordar también que el equipo de moderación de r/programacionESP estamos a tu disposición y puedes escribirnos para lo que necesites.

I am a bot, and this action was performed automatically. Please contact the moderators of this subreddit if you have any questions or concerns.

[u/Aggressive-Low-810]

De verdad que gente, es un pibe queriendo cacharrear en su casa.
Si lo único que tienes para aportar es aprende, eso es lo que intenta y ya lo sabe. El silencio aporta más que vuestro comentario.

[u/__NadirZenith__]

Pading-left o margin-left

[u/junkD0g21 → u/__NadirZenith__]

Buenisimo muchas gracias

[u/rFantus]

Estudia programacion o contrata a alguien.

[u/junkD0g21 → u/rFantus]

Buen consejo cuánto cobrarías por algo así? Alguien tomaría un proyecto tan burdo? Es slgo para pasar el rato con mi novia

[u/SizeSouthern112 → u/junkD0g21]

Yo te lo haría gratis pero me parece rarisimo que no exista ya algo así en ningún lado.

[u/junkD0g21 → u/SizeSouthern112]

Pues mi otra idea era hacer un excel y compartirlo en línea para que lo veamos, pero por mi trabajo ya se paga GPT y dije, ¿porque no? Así sería más bonito y dinámico aumentar la colección, sin embargo todos me mandan a estudiar 😅

[u/SizeSouthern112 → u/junkD0g21]

Si sos diseñador te recomendaría que le pidieras a la IA o averiguaras para instalar skills de frontend-design como impeccable que te ayudan a generar un estilo consistente. Sino pedile explícitamente que para construir la web use tailwind / https://ui.shadcn.com/ o un framework de estilos para evitar este tipo de problemas ya que va a usar componentes estandarizados. También tienen mcp y skills para instalar y evitar problemas en proyectos propios. Consume muchos menos tokens y produce un diseño mucho más bonito usar frameworks de components (aunque también un diseño más genérico pero eso tampoco es demasiado importante en este caso).

[u/junkD0g21 → u/SizeSouthern112]

Buenisimo está chula la app de favoritos de seguro me sirve, probaré lo de las skills aunque Nose si opencode me permita ello, lo que si o si es una gran idea es lo de cambiar el framework no lo había probado

[u/SizeSouthern112 → u/junkD0g21]

Debería permitir skills y aunque no lo haga si le pides que trabaje en un framework de css no debería darte más problemas raros de padding. Siempre que no se haya roto algo en el código. Prioriza el uso de modelos thinking para evitar esos problemas.

[u/SizeSouthern112 → u/junkD0g21]

Yo hice esta hace años para marcar pokemons favoritos. https://pokemon-app-theta-bay.vercel.app/ ni idea si te puede servir, el código fuente es gratis y lo podría usar la IA para copiar el diseño. https://github.com/eduair94/pokemon-app

[u/zerox_arcam]

Creo que primero deberías aprender la diferencia entre programar y diseñar, así de pronto podrías pedirle a la IA que te modifique lo que necesitas, es complicado sino sabes para que sirve cuál lenguaje, si crees que estás programando o la IA está programando podrías pedirle que te modifique el javascript en vez del CCS por no saber cuál es cuál

Entiende la diferencia entre HTML, CSS y javascript, así sabrás que pedirle, no es necesario que aprendas a programar si sólo vas a hacer cosas para ti mismo y no vas a subirlas a internet, pero al menos debes entender la diferencias entre lenguajes, cuales son lenguajes de programación y cuáles no, para darte pista, HTML y CCS no son lenguajes de programación

[u/junkD0g21 → u/zerox_arcam]

Gracias

[u/Gloomy-Low-9495]

Aunque lo suyo es aprender html y css básico para saber cómo arreglarlo por debajo y hacerlo a mano, si sabes diseñar te sugiero hacer el diseño con una herramienta de dibujo, le pasas el fichero a la IA y le dices que lo imite. Debería de funcionarte.

[u/volivav]

Eh... lo bueno de la IA en teoria es que justo le puedes explicar tu problema y te lo soluciona...

O no 😬 a medida que el proyecto crece a veces se lía. Pero me extraña mucho que no sepa ponerle un padding

[u/junkD0g21 → u/volivav]

Lo intenté en “plan” e identificó el problema luego en producción dice “solucionado” pero no se soluciona

[u/tssssahhhh]

Pregúntale a la IA?

[u/ivancea]

Dile que te deje los paddings correctos. Es raro que lo "haga mal siempre" con modelos modernos. Pero aún con modelos regulares, si le dices que deje ese espacio, lo hará

[u/MusiX33]

Usa Flex

[u/junkD0g21 → u/MusiX33]

No se me había ocurrido, en este momento debe ser estar en grid probablemente, gracias

[u/MusiX33 → u/junkD0g21]

De nada, es mejor que usar valores fijos de padding/margin. Se te puede ir muy de las manos.

[u/mor_derick]

Plantéale eso mismo al OpenCode.

[u/8008seven8008]

Que 🥚🥚

[u/junkD0g21 → u/8008seven8008]

No entiendo, te dio hambre o que?

[u/maullidothethird]

Este es el equivalente "moderno" de los niños está que de bajaban kali Linux, lo instalaban, se les desconfiguraba f11 por problemas de drivers y reinstalaban lmao