[GitHub] [camel-website] AemieJ edited a comment on pull request #442: CAMEL-15300: Update Front Page Design

[GitBox <gi...@apache.org>]

AemieJ edited a comment on pull request #442:
URL: https://github.com/apache/camel-website/pull/442#issuecomment-667671414


   ### Isuee within functionality for small screen width
   ![functionality-small-width-issue](https://user-images.githubusercontent.com/44139348/89123600-3255a500-d4ee-11ea-8413-81b0d35d6069.png)
   
   ### Possible Fix 
   
   [source,HTML]
   ``` 
   <div class="content">
     <h2 id="packed-with-components">Packed with Components</h2>
     <p class="description">Packed with several hundred components that are used to access databases, message queues, APIs or basically anything 
     under the sun. Helping you integrate with everything.</p>
     <p class="button-txt"><a class="button-dark" href="./components/latest">Go to Component Reference</a></p>
   </div>
   ```
   [source, CSS]
   ```
   @media screen and (max-width: 626px) {
      section.frontpage.columns.functionalities .content p {
           margin: 1rem 0  1.5rem -2.5rem
      } 
   
      section.frontpage.columns.functionalities .content p.description {
         padding-left: 2rem;
      }
   
      section.frontpage.columns.functionalities .content p.button-txt {
        width: 100vw;
      }
   }
   ```


----------------------------------------------------------------
This is an automated message from the Apache Git Service.
To respond to the message, please log on to GitHub and use the
URL above to go to the specific comment.

For queries about this service, please contact Infrastructure at:
users@infra.apache.org