Tips y medidas de maquetación para sitios web

Hey Coders!

Tengo la siguiente confusión, o estoy es frenado a la hora de poder maquetar el contenido, que medidas o tips puedo tener en cuenta, anexo ejemplo con la pagina de forobeta.

Gracias Coders!

Siempre empieza dibujando un mockup de lo que quieres, antes de ponerte a echar código. Sino vas a terminar haciendo cualquier cosa. Si no te manejas con el photoshop o gimp, usa papel y lápiz. Lo importante es que tengas una idea clara antes de empezar.
En cuanto a las medidas, las hay absolutas y relativas... Pero puedo presentir que ese no es tu punto. No es lo que quieres saber. Te recomiendo que busques información a cerca del modelo de caja tradicional de CSS, flexbox y grid. Creo que eso te va a dar más luces.

Usa en Firefox el click derecho > inspeccionar

y/o

Pon en el css ...

* {
border: 1px solid #dbdbdb;
}

y te marca todo los 'contornos' ...