Hello @cursiv3 thanks for your reply.
But wouldn't this equal this example I built, I am giving the navbar-brand, wich is a parent of the imgelement the display: flex;property.
But still my logo doesn't center in responsive mode.
I hope it's clear, that I want my navbar to be right aligned in responsive as in fullscreen mode.
Here's the example:
https://codepen.io/bradley1492/pen/pQMVBa?editors=1100
I may try and formulate the same question on a more theoretic approach.
If a flex container arranges five flex-items, how would I arrange flex-item number three differently, if I want all the others to be arranged by the parent flex-container?
I hope the question is somewhat clear :)
@siliconchild
I'm a novice in Javascript, I just know basic DOM stuff and to build such projects. I thought I would challenge myself and create a Calculator without following any tutorial. The code I wrote after hours of trying was super messed up and hacky, it was a miracle it worked at all.
I wanted to write better cleaner code, I had seen and followed Practical JS before where one Build as todlist app as an object, this is the only OOPS Experience I had, I also watched and followed a Video on Classes and Static Functions. I decided to delete my existing code and write a better codebase using Classes
here is my attempt at it https://codepen.io/siliconpen/pen/pqogNy
Please give me inputs, there could be a a lot of places where my code is reductant
I would love to learn where this code can be improved and optimized, on top of that please let me know if my documentation is any good, this is my first attempt at adding explanatory comments
I notice it does work occasionally if you don't make mistakes.
Note that you have chosen a hard challenge to start your learning. The calc has many cases and conditions which need validation.
It might be your experience but you don't seem to have considered any of these validation problems.
I like the styling. :)
Edge cases I'm going to work on next is
- if user uses equates in between the calculation stops and needs to be reset now, need to continue the chain even when equate is used
- if the user presses the operator twice as in 5+*4, changing that to 5 x 5 instead of code breaking.
if (Calc.operatorMemory === undefined) {
Calc.operatorMemory = operator;
}
if (Calc.sum === undefined) {
Calc.sum = input;
} else...NaN