Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Commita7ad833

Browse files
committed
Make stuff look better on medium-width devices and phones
1 parent611aac0 commita7ad833

File tree

2 files changed

+13
-9
lines changed

2 files changed

+13
-9
lines changed

‎_layouts/home.html‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,15 +2,15 @@
22
layout: default
33
---
44

5-
<!-- site title, logo and description -->
6-
<!-- to update, edit the global site config.yaml -->
75
<section>
6+
<!-- site title, logo and description -->
7+
<!-- to update, edit the global site config.yaml -->
88
<divclass="w-100 m-auto mt-2">
99
<divclass="d-md-flex justify-center">
1010
<divclass="d-sm-none"><imgclass="logo"src="{{site.baseurl}}/assets/img/rust-python-logo.svg"
1111
alt="RustPython Logo">
1212
</div>
13-
<divclass="w-md-25 pl-2">
13+
<divclass="w-md-50 w-lg-25 pl-2">
1414
<divclass="title">{{ site.title }}</div>
1515
<divclass="">
1616
<p>
@@ -20,12 +20,10 @@
2020
</div>
2121
</div>
2222
</div>
23-
</section>
2423

25-
<!-- explainer image, paragraph and links to demos -->
26-
<!-- to update, edit index.markdown file in the root folder -->
27-
<section>
28-
<divclass="m-auto w-md-25 mt-2">
24+
<!-- explainer table + paragraph and links to demos -->
25+
<!-- to update, edit index.markdown file in the root folder -->
26+
<divclass="m-auto w-md-50 w-lg-25 mt-2">
2927
<tableclass="w-100">
3028
<tr>
3129
<tdclass="valign-center vpad-small">

‎assets/media.css‎

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
}
3535

3636

37-
/*desktop, tablets */
37+
/*smaller laptops, tablets */
3838
@media (min-width:768px) {
3939
.mt-md-4 {
4040
margin-top:4em;
@@ -85,6 +85,12 @@
8585
}
8686
}
8787

88+
@media (min-width:1366px) {
89+
.w-lg-25 {
90+
width:25%;
91+
}
92+
}
93+
8894
/* fixes for ipad */
8995
@media (min-width:992px) {
9096

0 commit comments

Comments
 (0)

[8]ページ先頭

©2009-2025 Movatter.jp