Skip to content

Commit 5869722

Browse files
committed
Revert "corrected buttons one below the other in small screens"
This reverts commit 7b48ffb.
1 parent 7b48ffb commit 5869722

File tree

2 files changed

+8
-75
lines changed

2 files changed

+8
-75
lines changed

assets/css/style.css

Lines changed: 0 additions & 67 deletions
Original file line numberDiff line numberDiff line change
@@ -1192,70 +1192,3 @@ section {
11921192
#footer .credits {
11931193
font-size: 13px;
11941194
}
1195-
1196-
1197-
1198-
/*--------------------------------------------------------------
1199-
# Container of buttons download book and leave feedback
1200-
--------------------------------------------------------------*/
1201-
1202-
/* Style for the container that holds the buttons */
1203-
.button-container-top {
1204-
text-align: left;
1205-
}
1206-
1207-
/* Media query for screens with a maximum width of 600px (typical mobile screens) */
1208-
@media only screen and (max-width: 600px) {
1209-
/* Change alignment to vertical */
1210-
.button-container {
1211-
display: flex;
1212-
flex-direction: column;
1213-
align-items: center;
1214-
}
1215-
/* Add margin between buttons */
1216-
.button {
1217-
margin-bottom: 10px;
1218-
}
1219-
}
1220-
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
1221-
1222-
1223-
/* Default styles for buttons */
1224-
.button {
1225-
font-family: "Raleway", sans-serif;
1226-
text-transform: uppercase;
1227-
font-weight: 600;
1228-
font-size: 18px;
1229-
letter-spacing: 1px;
1230-
width: 275px; /* Fixed width for the buttons */
1231-
display: inline-block;
1232-
padding: 14px 40px;
1233-
border-radius: 0px;
1234-
transition: 0.5s;
1235-
margin-top: auto;
1236-
color: #fff;
1237-
background: #f39200;
1238-
outline: none; /* Remove the outline */
1239-
border: none;
1240-
text-align: center;
1241-
}
1242-
1243-
/* Style for the container that holds the buttons */
1244-
.button-container {
1245-
text-align: left;
1246-
}
1247-
1248-
/* Media query for screens with a maximum width of 600px (typical mobile screens) */
1249-
@media only screen and (max-width: 992px){
1250-
/* Change alignment to vertical */
1251-
.button-container {
1252-
align-items: center; /* Center horizontally */
1253-
justify-content: center; /* Center vertically */
1254-
text-align: center;
1255-
}
1256-
/* Add margin between buttons */
1257-
.button {
1258-
margin-bottom: 10px;
1259-
1260-
}
1261-
}

index.html

Lines changed: 8 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -93,16 +93,17 @@ <h6>by <a href="https://sbonaretti.github.io/" target="_blank">Serena Bonaretti<
9393

9494
<br>
9595
<br>
96-
97-
<div class="button-container">
98-
<a href="assets/book/learn_python_with_jupyter.pdf" class="button">Get the free book</a>
99-
<a href="https://forms.gle/iPiEc4wfW84e8QrS9" target="_blank" class="button">Leave a feedback</a>
100-
</div>
96+
<a href="assets/book/learn_python_with_jupyter.pdf" class="btn-preorder">Get the free book</a>
97+
<a href="https://forms.gle/iPiEc4wfW84e8QrS9" target="_blank" class="btn-preorder">Leave a feedback</a>
10198
<br>
10299
<br>
103100
<h5>Read about the book on <a href="https://medium.com/p/11214f152159" target="_blank">Project Jupyter's blog</a>! </h5>
104101

105-
102+
<!-- <br>
103+
<br>
104+
<a href="assets/book/learn_python_with_jupyter.pdf" class="btn-preorder">Leave a feedback!</a> -->
105+
106+
106107
<!-- <a href="assets/sample/learn_python_with_jupyter_sample.pdf" target=_blank class="btn-preorder">Read free sample</a> -->
107108
<!--
108109
<div class="social-links">
@@ -529,8 +530,7 @@ <h4>BOOK PRESENTATIONS</h4>
529530
<!-- You can delete the links only if you purchased the pro version. -->
530531
<!-- Licensing information: [license-url] -->
531532
<!-- Purchase the pro version with working PHP/AJAX contact form: https://bootstrapmade.com/free-html-bootstrap-template-my-resume/ -->
532-
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>,
533-
modified by <a href="https://sbonaretti.github.io/" target="_blank">Serena Bonaretti</a>
533+
Designed by <a href="https://bootstrapmade.com/">BootstrapMade</a>
534534
</div>
535535
</div>
536536
</footer><!-- End Footer -->

0 commit comments

Comments
 (0)