pfft | Parallel fast Fourier transforms | Video Utils library

That's because first, if the input is not y, then it will say not recognized. And it's because, if it's y, it checks the no statement, then it breaks. That means, It will say both.

Then, it goes strange because you are doing >= with str and str. It will react strange. so you should compare int with int.

First, use and in the first statement. then, use elif. and use break in the if statement too. and do int(input()) to convert to int. then, you can use elif again. and remove the quotes.

Try this:

I think you can take a look at how it's solved in bootstrap. The sidebar does not expand at all. See what they consist of and when to use classes:

• container This class should have a dunamic width depending on the @mediaquery settings.

• row you also need to do something to separate the lines. Read how the row class works.

In general, the bootstrap documentation itself refers to the page: https://css-tricks.com/snippets/css/a-guide-to-flexbox/#flexbox-background

There you have this topic explained on pure CSS - and that's probably what you mean...

An example of a grid with used mediaquery

Remove the overflow: hidden; attribute in your .topnav class

(x,i)=>i is actually a callback function where x=item and i=index, so you return index as a key. Consider it like:

I would try "Sticking" them one next to each other with float:right on both of the elements - putting both of them under the same container. Note the changes I've done (its written with inlined style because I can only modify it by DEV tools).

You have a radio button element inside the link. When you click it, the element is being selected (because your link has no text in it, when you pressing the flag - you are actually selecting the radio buttons - without any redirection being initiated). Add an onclick event to the input tag which will initiate the redirection: