Skip to content

Commit

Permalink
fix responsiveness on mobile view
Browse files Browse the repository at this point in the history
  • Loading branch information
Atulya Miglani authored and Atulya Miglani committed Apr 4, 2021
1 parent caf24e8 commit 4c0d379
Show file tree
Hide file tree
Showing 4 changed files with 185 additions and 190 deletions.
26 changes: 13 additions & 13 deletions curriculum/templates/curriculum/lessonplan_find_share.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,7 @@
{% block content %}
<div>
<div class="container">
<div class="row col-5">
<div class="row col-md-5">
<table style="height:20em; width: 100%;">
<tbody>
<tr>
Expand Down Expand Up @@ -48,7 +48,7 @@ <h1 class="font-weight-bold find-share-curricula">Find & Share Curricula</h1>
Difficulty Level
</a>
</div>
<div class="pr-4">
<div class="pr-4 ">
<div class="btn-group-toggle" data-toggle="buttons">
<label class="btn btn-outline-primary {% if form.web_only.value %}active{% endif %}"
for="{{ form.web_only.id_for_label }}">
Expand All @@ -59,7 +59,7 @@ <h1 class="font-weight-bold find-share-curricula">Find & Share Curricula</h1>
</div>
</div>
</div>
<div class="flex-fill pr-4 col-4 align-self-end">
<div class="flex-fill pr-4 col-md-4 align-self-end">
<div class="input-group">
<input name="q" type="text" class="form-control" placeholder="Search Curricula"
value="{% if form.q.value %}{{ form.q.value }}{% endif %}"/>
Expand Down Expand Up @@ -96,11 +96,11 @@ <h1 class="font-weight-bold find-share-curricula">Find & Share Curricula</h1>
</form>
<div class="row my-5">
{% for lessonplan in object_list %}
<div class="col-4">
<div class="col-md-4">
<div class="d-flex flex-column curriculum mb-3 card-hover-shadow border rounded border-primary p-3">
<a href="{{ lessonplan.get_absolute_url }}">
<h6 class="curriculum-title text-primary">{{ lessonplan.title }}</h6>
<div class="d-flex flex-row justify-content-between">
<div class="d-flex flex-row justify-content-between">
{% if lessonplan.average_rating %}
<p class="stars text-primary" data-average-rating="{{ lessonplan.average_rating }}">
<i class="fa-star" aria-hidden="true"></i>
Expand Down Expand Up @@ -133,25 +133,25 @@ <h6 class="curriculum-title text-primary">{{ lessonplan.title }}</h6>
<hr>
</div>
<div class="container mb-5">
<div class="row">
<div class="col-6">
<h6 class="font-weight-bold">Interested in sharing your curricula?</h6>
<div class="row justify-content-center justify-content-md-start ">
<div class="col-8">
<h6 class="font-weight-bold ">Interested in sharing your curricula?</h6>
<p class="descriptions mb-5">
Upload your curriculum to share it with a community of
educators who may utilize it in their own classroom, make
changes for their own use, and provide feedback directly.
</p>
<a class="btn btn-primary" href="{% url 'create-lesson-plan' %}">Upload my curriculum</a>
<a class="btn btn-primary " href="{% url 'create-lesson-plan' %}">Upload my curriculum</a>
</div>
</div>
<hr>
<div class="d-flex flex-row justify-content-between mb-3">
<div class="flex-column col-4">
<h6 class="font-weight-bold">Subscribe to our newsletter</h6>
<div class="d-flex flex-row ustify-content-between align-items-center mt-5 flex-column flex-sm-row justify-content-between mb-3">
<div class="flex-column col-sm-4 ">
<h6 class="font-weight-bold ml-autos">Subscribe to our newsletter</h6>
<p class="description">Don't miss information about new events and volunteer opportunities! Opt out
anytime.</p>
</div>
<div class="input-group col-5 align-self-start">
<div class="input-group col-sm-5 align-self-center">
<input name="q" type="text" class="form-control" placeholder="Email address"
value="{% if form.q.value %}{{ form.q.value }}{% endif %}"/>
<div class="input-group-append">
Expand Down
9 changes: 5 additions & 4 deletions landing/templates/landing/landing.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,7 @@ <h5>Get your first taste of teaching tech.</h5>
</div>
</div>
</div>

<div class="container">
<div class="list-group list-group-flush">
<div class="list-group-item border-top mt-5">
Expand Down Expand Up @@ -134,12 +135,12 @@ <h5 class="text-primary">micro:bit & bit:booster</h6>
</div>
</div>
<div class="list-group-item">
<div class="d-flex flex-row justify-content-between mt-5">
<div class="flex-column col-4">
<h6 class="font-weight-bold">Subscribe to our newsletter</h6>
<div class="d-flex flex-row justify-content-between align-items-center mt-5 flex-column flex-sm-row ">
<div class="flex-column col-sm-4 ">
<h6 class="font-weight-bold ">Subscribe to our newsletter</h6>
<p class="description">Don't miss information about new events and volunteer opportunities! Opt out anytime.</p>
</div>
<div class="input-group col-5 align-self-start">
<div class="input-group col-sm-5 align-self-center">
<input name="q" type="text" class="form-control" placeholder="Email address" value="{% if form.q.value %}{{ form.q.value }}{% endif %}"/>
<div class="input-group-append">
<button type="submit" class="btn btn-primary"> Subscribe</button>
Expand Down
Loading

0 comments on commit 4c0d379

Please sign in to comment.