Tacocat challenge frontend struggle

Hey Vittorio,

your problem lies in your layout.html I believe.

line 27:

<img src='{{ url_for('static', filename="images/tacocat.svg") }}'>

You missed opening and closing quotations, hope this helps!

Thanks Josh.

I have correct that but still I have the same problem.

In the meantime I found something not working in the backend so I will try to correct that :D

Vitto

Did you remove app.run()?

Hi Vittorio,

I don't think it's really an issue of you doing anything wrong.

I think the main point of the challenge was to see if you could write all the python code and the minimal html necessary to have a functioning app that passes all the tests. The layout and styling of the site are an optional thing.

I'll try to answer your question about why it doesn't look the same as Kenneth's shown in the video.

There needs to be both html and css changes in order to get something close to the video.

Either we didn't get the correct starter files so that once we filled in the blanks it would look like the video or maybe the intention was to start with a basic layout and you're supposed to design the layout the way you want.

The main thing that you need to do is get the nav and content block into a 2 column layout.

This project uses Skeleton I don't remember if it was covered at all but you can check the link to see how the html should be set up and what classes you can use. It's based on a 12 column grid.

I estimated that the nav should take up 3 columns and the content block would take up 9 columns.

Using the appropriate class names I updated the "row" div in layout.html to this:

<div class="row">
        <div class="three columns">
          <nav class="menu">
          <!-- menu goes here -->
              <img src={{ url_for('static', filename="images/tacocat.svg") }}>
              {% if current_user.is_authenticated() %}
              <p>Hello {{ current_user.email }}</p>
              <a href="{{ url_for('add_taco') }}">ADD A NEW TACO</a>
              <a href="{{ url_for('logout') }}">LOG OUT</a>
              {% else %}
              <a href="{{ url_for('register') }}">SIGN UP</a>
              <a href="{{ url_for('login') }}">LOG IN</a>
              {% endif %}
          </nav>
        </div>
        <div class="nine columns">
          {% block content %}{% endblock %}
        </div>
</div>

This gets it into 2 columns. Some css tweaks are needed at this point in tacocat.css in order to get the nav looking closer to the video. Let me know if you need help with the css.

Hopefully this gets you going in the right direction.