Recomendación para este layout

winjose · #1 (**permalink**) 14/10/2020, 03:53

Hola a todos:

estoy realizando un layout para hacerme mi propio blog y publicar artículos de ingeniería especializados en energías renovables.

He diseñado esta estructura https://ibb.co/Y2BJD8K

La cuestión es que me asesoréis un poco sobre cómo lograr ese resultado. Hace muchos años que no toco CSS y estoy viendo que hay muchas novedades (CSS FlexBox) en las que no dispongo de conocimientos.

A ver si alguien dispone de tiempo y sugiere algún ensayo en CodePen que podamos discutir. Mil gracias de antemano.

En cuánto disponga del blog, me encantaría que le echaseis un ojo al contenido; será didáctico y muy interesante.

Un saludo!

DragonX · #2 (**permalink**) 14/10/2020, 09:12

No hace falta grandes conocimientos de CSS para ese layout, con esto simplemente lo conseguis:

Código HTML:

Ver original<div class="wrapper">
  <div>aaa</div>
  <div>bbb</div>
  <div>ccc</div>
  <div>ddd</div>
  <div>eee</div>
  <div>fff</div>
</div>

no mucho mas que eso.

winjose · #3 (**permalink**) 14/10/2020, 10:07

Primero que nada, agradezco tu ayuda. Me refería a de qué forma puedo optimizar ese tipo de estructura puesto que tras aplicar estilos a las pestañas superiores y al nav me varía el contenido en función de un navegador u otro y no sé qué hacer para corregirlo y que quede más o menos bien.

Lo tengo hecho de esta forma:
https://codepen.io/pen/

Agradecería si puedieras aclararme un poco la historia para poder seguir con el resto de la página.

Gracias nuevamente y un saludo.