Skip to content
Snippets Groups Projects
Commit 0b5df2c4 authored by rxd's avatar rxd
Browse files

style improved

parent b8a44f1c
No related branches found
No related tags found
No related merge requests found
......@@ -4,4 +4,17 @@ body {
input-box {
margin: 10px 0px;
}
index-card {
margin: 20rem;
}
card-body {
margin: auto;
}
.form-center {
display: block;
text-align: center;
}
\ No newline at end of file
{% extends "base.html" %}
{% block body %}
<form action="/search" method="GET">
<input type="text" value="{{ query }}" name="q" />
<input type="submit" value="Search"/>
</form>
<div class="card index-card" style="margin: 20rem;">
<div class="card-header">Your next Viral Meme starts here...</div>
<div class="card-body">
<div class="form-center">
<form action="/search" method="GET">
<input type="text" value="{{ query }}" name="q" />
<input type="submit" value="Search"/>
</form>
</div>
</div>
</div>
{% endblock %}
......@@ -7,10 +7,12 @@
<div class="card border-dark mb-3" style="width: 18rem;">
<img src="{{item.url}}" class="card-img-top" alt="meme">
<div class="card-body">
<form action="/setup" method="GET">
<input type="hidden" value="{{ item.url }}" name="url" />
<input type="submit" value="This One!"/>
</form>
<div class='form-center'>
<form action="/setup" method="GET">
<input type="hidden" value="{{ item.url }}" name="url" />
<input type="submit" value="This One!"/>
</form>
</div>
</div>
</div>
</div>
......
......@@ -2,8 +2,8 @@
{% block body %}
<div class="row">
<div class="'col-12">
<div class="card" style="margin:1rem;">
<div class="col-12">
<div class="card" style="margin:1rem; max-width:30rem;">
<div class="card-header">
Let's Customize!
</div>
......@@ -11,7 +11,7 @@
<div class="image-card">
<img src="{{ url }}" class="card-img-top" alt="selected_img">
</div>
<div class="meme-form">
<div class="meme-form form-center">
<form action="/generate" method="GET">
<div class="row">
<div class="col-6">
......
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment