aashnajena commented on a change in pull request #442:
URL: https://github.com/apache/camel-website/pull/442#discussion_r467582562
##########
File path: antora-ui-camel/src/css/frontpage.css
##########
@@ -244,18 +222,120 @@ section.frontpage.columns .box .feature-icon {
}
.split img {
- max-width: 70%;
display: block;
margin: auto;
}
- section.frontpage.columns .box {
+ .frontpage-header .main-heading,
+ section.frontpage.columns.functionalities,
+ section.frontpage.columns.projects,
+ section.frontpage.apache,
+ section.frontpage.blog-posts .blog-post {
+ width: 90%;
+ margin: 0 auto;
+ }
+
+ section.frontpage.columns.blog-posts {
+ flex-direction: column;
+ }
+
+ section.frontpage.blog-posts .blog-post .date,
+ section.frontpage.projects .project .icon {
+ min-width: 25%;
+ }
+
+ section.frontpage.projects .project,
+ section.frontpage.columns.functionalities .box {
+ width: 100%;
+ }
+
+ section.frontpage.functionalities .icon img {
+ max-width: 25vw;
+ margin: 2vw;
+ }
+
+ section.frontpage.functionalities .content {
+ width: 70vw;
+ }
+
+ .frontpage-header p {
+ font-size: inherit;
+ text-align: center;
+ }
+
+ .frontpage-header {
+ flex-direction: column-reverse;
Review comment:
> Perhaps:
>
> To make the "Apache Camel" above the image, since currently image doesn't
really depict what Camel is?
I completely understand your point, but between 1 & 2, I think 2 looks
aesthetically better than 1. What do you think?
----------------------------------------------------------------
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:
[email protected]
