I have programmed a dynamic web page usingFlask. The result is practically pureHTMLand in terms ofuse designandgeneral layoutI am very satisfied with the result. But it adapts very badly to different devices and in is really corny in terms ofvisual design, as you can see in the attached message.
So what I wanted is to add some designer's touch and device adaptation, with as little code adaptation as possible. I might figure which CSS commands to use, but I have zero aesthetic sense. I have made extensive search in Internet and I figured out that maybe the solution would be to employCSS framework. I have tested two currently (allegedly) most popular frameworks and here is what I concluded:
Bootstrap. When I tried to implement it, the result was even worse than pureHTML. For example, lines aroundFIELDSETs are ugly, do not make full boxes etc.
Bulma. This one does not even haveFIELDSETand I just don't know which kind ofDIVs to employ instead to get something nice and meaningful.
I lost hours trying to get a good result, but this was all disappointing, probably worse than pureHTML.
What am I doing wrong? Should I give up CSS frameworks and use something else? Or maybe I should chose some other CSS framework, possibly one very well integrated with pureHTMLand lightweight?
Which CSS framework to use to modify existing dynamic HTML code?
in CSS
Posted
I have programmed a dynamic web page using
Flask
. The result is practically pureHTML
and in terms of use design and general layout I am very satisfied with the result. But it adapts very badly to different devices and in is really corny in terms of visual design, as you can see in the attached message.So what I wanted is to add some designer's touch and device adaptation, with as little code adaptation as possible. I might figure which CSS commands to use, but I have zero aesthetic sense. I have made extensive search in Internet and I figured out that maybe the solution would be to employ CSS framework. I have tested two currently (allegedly) most popular frameworks and here is what I concluded:
Bootstrap. When I tried to implement it, the result was even worse than pure
HTML
. For example, lines aroundFIELDSET
s are ugly, do not make full boxes etc.Bulma. This one does not even have
FIELDSET
and I just don't know which kind ofDIV
s to employ instead to get something nice and meaningful.I lost hours trying to get a good result, but this was all disappointing, probably worse than pure
HTML
.What am I doing wrong? Should I give up CSS frameworks and use something else? Or maybe I should chose some other CSS framework, possibly one very well integrated with pure
HTML
and lightweight?Please advise.
By the way, here is the code: