main { width: calc(100% - 0.9 * 300px); }
Solucionado
main { width: calc(100% - 0.9 * 300px); }
Porque 300 é o valor 100% da imagem, e queremos que a barra lateral tenha sempre 90% da largura da foto. 90% da largura da foto, que é 300px, é 270.
100% - 270 é o restante da tela, sem a barra lateral.
Oi Rodrigo!
Ficou com mais alguma dúvida?