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

Commitba4780b

Browse files
committed
Some CSS fix tape to better mobile experience
1 parent3db00ba commitba4780b

File tree

4 files changed

+21
-15
lines changed

4 files changed

+21
-15
lines changed

‎backend/main/static/css/brochure/base/_helpers.scss‎

Lines changed: 6 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -482,10 +482,14 @@
482482
float:left;
483483
}
484484

485-
.flex{
486-
display:flex;
485+
@media (min-width:640px) {
486+
.flex{
487+
display:flex;
488+
}
487489
}
488490

491+
492+
489493
.center-content{
490494
justify-content:center;
491495
}

‎backend/main/static/css/brochure/components/_buttons.scss‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -17,6 +17,7 @@
1717
padding:16px36px;
1818
text-align:center;
1919
white-space:nowrap;
20+
width:fit-content;
2021

2122
&:active {
2223
outline:0;

‎backend/main/static/css/brochure/layout/_features.scss‎

Lines changed: 9 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -17,15 +17,16 @@
1717
margin:30px;
1818

1919
.feature-header {
20-
position:relative;
21-
right:45px;
20+
padding:030px;
2221

2322
* {
2423
display:inline-block;
2524
}
2625

2726
.feature-line {
28-
margin:10px5px;
27+
position:fixed;
28+
right:-30px;
29+
margin-top:56px;
2930
height:4px;
3031
background:white;
3132
width:50px;
@@ -37,13 +38,13 @@
3738

3839

3940

41+
.feature-text:nth-of-type(2n +1){
42+
text-align:right!important;
4043

41-
.feature-text:nth-of-type(2n +1) {
42-
text-align:right;
44+
}
4345

44-
.feature-header {
45-
left:45px!important;
46-
}
46+
.feature:nth-of-type(2n +1).feature-line {
47+
left:-30px!important;
4748
}
4849

4950
.feature-image:nth-of-type(2n +1) {

‎backend/main/templates/home.html‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -324,12 +324,12 @@ <h5>We mean to achieve this by:</h5>
324324
</div>
325325
<divclass="col">
326326

327-
<imgclass="tech-stack-iconfloat-leftfloating-anim-5"src="{% static 'img/icons/python.png' %}">
328-
<imgclass="tech-stack-iconfloat-leftfloating-anim-6"src="{% static 'img/icons/django.png' %}">
329-
<imgclass="tech-stack-iconfloat-leftfloating-anim-7"src="{% static 'img/icons/react.png' %}">
327+
<imgclass="tech-stack-icon floating-anim-5"src="{% static 'img/icons/python.png' %}">
328+
<imgclass="tech-stack-icon floating-anim-6"src="{% static 'img/icons/django.png' %}">
329+
<imgclass="tech-stack-icon floating-anim-7"src="{% static 'img/icons/react.png' %}">
330330
<h3class="marginless">Interested in contributing code or course content?</h3>
331331
<br>
332-
<ahref="https://github.com/alexmojaki/futurecoder/blob/master/how_to_contribute.md"class="button button-primary button-block float-left">
332+
<ahref="https://github.com/alexmojaki/futurecoder/blob/master/how_to_contribute.md"class="button button-primary button-block">
333333
<iclass="fab fa-github"></i>&nbsp&nbsp Check out the contribution guide on GitHub
334334
</a>
335335
</div>
@@ -350,7 +350,7 @@ <h3 class="marginless">Interested in contributing code or course content?</h3>
350350
</div>
351351
<divclass="col">
352352
<h3>Keep futurecoder alive!</h3>
353-
<ahref="https://opencollective.com/futurecoder"class="button button-complimentary-color button-block float-left">
353+
<ahref="https://opencollective.com/futurecoder"class="button button-complimentary-color button-block">
354354
<iclass="fas fa-donate"></i>&nbsp&nbsp Donate on open collective
355355
</a>
356356
</div>

0 commit comments

Comments
 (0)
[8]ページ先頭
©2009-2025 Movatter.jp