CodeUtility
Haz que programar sea más fácil.
CSS and design

CSS Flexbox Generator

Play with every flexbox property and see the layout change instantly, then copy the code.

  • Runs in your browser
  • Instant results
  • Free, no sign-up
Loading the tool…

How to use the Flexbox Generator

  1. Set the container properties at the top.
  2. Click an item in the preview to change its own flex properties.
  3. Copy the generated CSS and HTML.

Frequently asked questions

What is the difference between justify-content and align-items?

justify-content places items along the main axis (the direction); align-items places them across it.

What does flex: 1 mean?

flex-grow: 1, flex-shrink: 1 and flex-basis: 0%, so items share the free space equally.

When should I use grid instead?

Use flexbox for one-dimensional rows or columns, and CSS grid when you need rows and columns at the same time.

CSS Grid GeneratorCreate CSS grid layouts visually: set columns, rows and gaps, drag across cells to place items, and copy the CSS and HTML. Box Shadow GeneratorCreate CSS box-shadow effects with multiple layers, inset shadows, blur, spread and opacity. See a live preview and copy the CSS. PX to REM ConverterConvert px to rem and rem to px with any root font size. Includes a table of common sizes and bulk conversion of whole CSS files.

Practica Python con desafíos de código

Resuelve problemas prácticos en este editor: ejecuta las pruebas de ejemplo, envía tu solución y recibe una revisión de código por IA.

Todos los desafíos de Python
Fácil

Average of Three

Average three whole numbers.

Aprenderás AritméticaDivisión
BeginnerLearning-pathVariables
Python C++ C#
1 resuelto
Ver soluciones (1)
Fácil

Rectangle Perimeter

Compute the perimeter of a rectangle from its sides.

Aprenderás AritméticaValores de retorno
BeginnerLearning-pathVariables
Python C++ C#
1 resuelto
Ver soluciones (1)
Intermedio

Una generación de un algoritmo genético

Cría la siguiente generación de cadenas de bits con selección por torneo, cruce de un punto y mutación.

Aprenderás Algoritmos genéticosBúsqueda evolutiva
OptimizationSimulationai
Python C++ C#
0 resueltos
Aún no hay soluciones
Fácil

Bandido multibrazo epsilon-greedy

Equilibra exploración y explotación en un bandido multibrazo con selección de acciones epsilon-greedy.

Aprenderás Explorar o explotarBandidos
Aprendizaje por refuerzoaiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones
Fácil

Distribución de estados de una cadena de Markov

Propaga una distribución de probabilidad a través de la matriz de transición de una cadena de Markov durante varios pasos.

Aprenderás Cadenas de MarkovProbabilidad
Simulationaimath
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Iteración de valores

Calcula cuánto vale cada estado de un proceso de decisión de Markov aplicando repetidamente la actualización de optimalidad de Bellman.

Aprenderás Ecuación de BellmanMDP
Aprendizaje por refuerzoaiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Actualizaciones de Q-learning

Aplica la actualización de Q-learning a un flujo de experiencias y observa cómo las recompensas fluyen hacia estados anteriores.

Aprenderás Q-learningRecompensas descontadas
Aprendizaje por refuerzoaiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Poda alfa-beta

Evalúa un árbol de juego con minimax y poda alfa-beta, y cuenta cuántas hojas examina realmente la búsqueda.

Aprenderás Poda alfa-betaBúsqueda en juegos
RecursionTreesai
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Tres en raya con minimax

Elige la jugada perfecta en el tres en raya explorando todo el árbol de juego con minimax.

Aprenderás MinimaxÁrboles de juego
Recursionai
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Búsqueda A* en una cuadrícula ponderada

Encuentra el camino más barato a través de una cuadrícula de costes de terreno con A*, el algoritmo de búsqueda detrás de la navegación en juegos y robots.

Aprenderás Búsqueda A*Heurísticas
GraphsGridsShortest-pathai
Python C++ C#
0 resueltos
Aún no hay soluciones
Intermedio

Muestreo con temperatura y top-k

Elige el siguiente token como un modelo de lenguaje: conserva los k logits más altos, aplica la temperatura y muestrea.

Aprenderás Generación de textoMuestreo
aiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones
Difícil

Autoatención multicabeza

Proyecta la entrada en consultas, claves y valores, ejecuta la atención en varias cabezas en paralelo y combínalas.

Aprenderás Atención multicabezaProyecciones matriciales
aiaprendizaje automático
Python C++ C#
0 resueltos
Aún no hay soluciones