Я не могу правильно отобразить свою сетку css в разных браузерах.
Я получаю эту ошибку в терминале "GET /static/stylesheets/style.css HTTP / 1.1" 200 -
Firefox слева, Chrome вкл справа
В Firefox слева все отлично работает!
Chrome справа не отображается css.
Любой идея, что происходит?
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;
}
rout.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