[GitHub] kafka-site issue #92: Redesign of Streams page - includes video & customer l...

[derrickdoo]

Github user derrickdoo commented on the issue:

    https://github.com/apache/kafka-site/pull/92
  
    @manjuapu I'm running your branch locally and I noticed some layout/display 
issues that should eb sorted out.
    
    DESKTOP:
    1. Clipping content on the right at certain browser widths:
    
![image](https://user-images.githubusercontent.com/271961/31293205-441f64f0-aa8b-11e7-9b5d-ba46ac23d0bb.png)
    
    2. Unnecessary padding appears to the left of the main content area at 
certain browser widths:
    
![image](https://user-images.githubusercontent.com/271961/31293400-f18ad66a-aa8b-11e7-893c-51ca2d5b652c.png)
    
    3. Horizontal nav should keep the same color scheme when you vertically 
scroll down the page. Can you just apply a white background with maybe 10px of 
padding-bottom to the nav to make it appear as if content is scrolling 
underneath the nav?
    
![image](https://user-images.githubusercontent.com/271961/31293485-322a7284-aa8c-11e7-8dd0-7d47fb3880aa.png)
    
    MOBILE:
    1. Content is getting clipped on mobile
    
![image](https://user-images.githubusercontent.com/271961/31293522-539e260e-aa8c-11e7-8d6e-e249ffd0a2ba.png)
    
    2. Video embed is getting clipped on mobile
    
![image](https://user-images.githubusercontent.com/271961/31293592-7fa78c5e-aa8c-11e7-9eed-8e7f1450a51a.png)
    
    3. "write your first app" cta should be at the top of the list
    
![image](https://user-images.githubusercontent.com/271961/31293652-af2fc02c-aa8c-11e7-83f0-6c30ab473e68.png)
    
    4. (not because of your changes) do you mind reducing the text size for the 
code examples for mobile
    ![Uploading image.png…]()
    
    



---