A partir de ahora voy a ser didáctica para tí.. vamos que te voy a decir donde buscar y con qué nombre... es la única forma de que aprendas
Los diseños que se agrandan se llaman líquidos. busca en
google
Respecto a lo de que se ponga menos tanto por ciento que 100% yo lo he visto para hacer diseños líquidos centrados y con margenes a los lados...
vamos que si le pones al contenedor 90% de ancho y el margin:auto te dejará un espacio por cada lado, y por tanto se centra...
Aresillo!!