title: wordpress gutenberg alignwide and alignfull problem
body: <p>i am playing with the new gutenberg editor of wordpress. i have enabled alignwide and alignfull on my theme (which is using materialize), and i use these css rules for them, but it doesn't work properly.
  <a href="https://i.stack.imgur.com/q4fPg.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/q4fPg.jpg" alt="enter image description here"></a></p>
  
  <p>this is how the alignwide looks.</p>
  
  <p><a href="https://i.stack.imgur.com/jfIAS.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jfIAS.jpg" alt="enter image description here"></a></p>
  
  <p>and this is how the align full looks.</p>
  
  <p>these are the alignfull and wide rules in the css:
  <a href="https://i.stack.imgur.com/rg9cs.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/rg9cs.png" alt="enter image description here"></a></p>
  
  <p>and this is how the align full css goes:
  <a href="https://i.stack.imgur.com/kJYEj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/kJYEj.png" alt="enter image description here"></a></p>
  
  <p>these are the css rules for the wrapping content div:
  <a href="https://i.stack.imgur.com/zvQnO.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zvQnO.png" alt="enter image description here"></a></p>
  
  <p><a href="https://i.stack.imgur.com/UHFOZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UHFOZ.png" alt="enter image description here"></a></p>
  
  <p>any idea why i am not getting the right visual results?</p>