Skip to content
Open
8 changes: 3 additions & 5 deletions _includes/header.html
Original file line number Diff line number Diff line change
Expand Up @@ -39,10 +39,8 @@
/>
<link rel="stylesheet" href="{{ site.baseurl }}/css/subscribe.css" />

{% if page.title == 'Programs' or page.title == 'CNCF' or page.title ==
'LFX' or page.title == 'Google Summer of Code 2019' or
page.title == 'Google Summer of Code' or page.title == 'GSOD2020' or
page.title == 'MLH' %}
{% assign page_title_lc = page.title | strip | downcase %}
{% if page_title_lc == 'programs' or page_title_lc == 'cncf' or (page_title_lc contains 'lfx') or (page_title_lc contains 'google summer of code') or page_title_lc == 'gsod2020' or page_title_lc == 'mlh' %}
<link rel="stylesheet" href="{{ site.baseurl }}/css/program.css" />
{% endif %}

Expand Down Expand Up @@ -148,4 +146,4 @@
</div>
</header>
</body>
</html>
</html>
1 change: 0 additions & 1 deletion css/program.css
Copy link
Contributor Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Rajesh-Nagarajan-11 @vr-varad the font size for heading h3 which is currently overflowing on lfx/2025 pages is already accounted for in this sheet on line number 45. If this stylesheet were applied to lfx pages, we wouldn't have that overflowing heading in the first place ( check GSoC/2025 pages for example).

The only fix needed to make GSoC and lfx page fully responsive in < 350px screen width is to ensure proper line wrapping for li and a which is included in this PR.
Take a look and feel free to share any suggestions/thoughts

Original file line number Diff line number Diff line change
Expand Up @@ -349,7 +349,6 @@ img {
padding-left: 0.6rem;
}


.cncf-firstrow {
max-width: 1400px;
border: 2px solid #00d4ab;
Expand Down
Loading