@Josh Crozier @overexchange The code provided by @Josh Crozier solve the problem, and could be made with #imgid too, and others way. for this part of the course both answers are good enough.
@overexchange after checking your code i can see there is no space between the () and /3 like this:
img {
float: left;
width: calc((100% - 20px)/3);
}
this is making the css3 fail the calculations, like on media queries the space is necessary ex:
@media screen and (query){} -> work @media screen and(query){} -> doesn't work
edit: i mean doesn't work on every port, the awkward part is the professor make the same thing you did on the answer
so this would be a acceptable answer
img {
float: left;
width: calc((100% - 20px) / 3);
}
img:nth-of-type(2) {
margin: 0 10px;
}
body {
margin: 0;
}
sorry for answering so late i just come across this post now, but will leave it there for anyone struggling with this...
i probably made a few English mistakes sorry about that too it's not my native language, good luck