Really nice challenge. If anyone can have a look over the CSS file, to provide any hints how to be made even better, more cleaner. And sort of a problem with the buttons. I tried to go with border: 0 / none, and to have the border: 1px solid white only on hover effect. But, that 1px from the border was added to the overall height of the container, adding a visual effect of growing. In the end I added a 1px solid border to the button as well. Any idea how to maintain the same height of the container even if there is a hover effect and to have a border button of 0? .button { border: 0 / none; } .button:hover { border: 1px solid white; } => an increase of 1 or 2px of the container dimesnsions
my solution , I don,t know how correct it is .button { border: 1px solid color(not to be seen); } .button:hover { border: 1px solid color; }