I cannot display my css grid properly in the different browsers.
I get this error in Terminal "GET /static/stylesheets/style.css HTTP/1.1" 200 -
Firefox on the left, Chrome on the right
In Firefox on the left, everything works fine!
Chrome on the right is not displaying any css.
Any idea whats' is going on?
index.html:
<!DOCTYPE html>
<head>
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='stylesheets/style.css') }}" />
<title>This is the title</title>
</head>
<body>
<h1>Lorem ipsum</h1>
<div class="wrapper">
<div class="item">1</div>
<div class="item">2</div>
<div class="item">3</div>
<div class="item">4</div>
<div class="item item5">5</div>
<div class="item">6</div>
<div class="item">7</div>
<div class="item">8</div>
</div>
</body>
</html>
CSS file:
*{
box-sizing: border-box;
margin: 0;
padding: 0;
}
body{
background: white;
}
.wrapper{
width: 90%;
margin: 0 auto;
}
.item{
background: blue;
color: white;
padding: 10px;
}
.item:nth-child(even){
background: orange;
}
routes.py
from flask import Flask, render_template, url_for
from app import app
@app.route('/')
@app.route('/index')
def index():
return render_template('index.html')
init.py
from flask import Flask
app = Flask(__name__)
from app import routes
