web-development | Web applications using various programming languages | Frontend Framework library

From taking a look it looks like the folder structure is fine.

What you might need to do is add the module into your INSTALLED_APPS in settings.

Or, if you're getting an import error or a module not found error for something that you believe is installed, then you've probably installed it into a version of Python or virtualenv that your code is not running in. If it's part of your code that is not being found, then your Python path is not set up so that it sees the module you're trying to import. See https://help.pythonanywhere.com/pages/DebuggingImportError/

Change the query to following

You can get a flat array by replacing:

So, after a lot of head-scratching... I've downgraded Django from 3.2 to 3.0 and Allauth to 0.42.0. Run all the migrations and magically everything worked. I'm not sure what's the cause of the problem, to be honest, probably just some incompatibility between Django 3.2 or Allauth and pyobdc maybe?

Yes there is a more efficient solution where you do not need the convert.html: This is what you will want in your main route. (note: I suggest renaming your route function to something like "index" or "temp" other than "html")

Inside your HTML code, the "picture-container" class on the IMG element should likely be moved, so it sits on the "col-sm-4"-div above.

I suspect the "my-picture" class on the IMG and the "sophie-picture" class in the CSS should be the same thing ? most likely you've renamed one of them and forgot to do the same in the other file, If so you should rename one so their names match up again.

There's a missing at the end of the HTML code here, but i suspect that is likely just the case here because you only pasted part of your HTML document, and not the case in your own version.

The reason your image and text-container overlap is the use of float.

Removing that likely solves most of the issue.

But judging by the col-sm-8 style classnames i'm guessing you're using something like bootstrap ? Those classes apply a whole bunch of CSS (that you don't particularly have to worry about), but they provide the "column(s) within row; row(s) within container"-style of rapidly building a layout. If you're using those classes its best not to mix it with floats, manual width/height and margin statements, or really any significant CSS (just cosmetic only things like colors, font bold/italic, ...). Bootstrap has many classes so you effectively don't have to write any CSS yourself (classes like mb-4 or such for margins for example).

I would suggest using 1 or the other for a given container:

• either building it the bootstrap-way with container/row/col and then using the margin/color/etc classes from boostrap.
• or writing the CSS yourself, but then not using those bootstrap classes.

The culprit is this part. Remove it and you're golden:

Well I had a look at your old code. You can follow something like this below to achieve the desired result.

Try to change action="ProcessNewOrder" to action="/ProcessNewOrder".Here is a demo:

View: