flex: 1 means the following:

flex-grow : 1; ➜ The div will grow in same proportion as the window-size
flex-shrink : 1; ➜ The div will shrink in same proportion as the window-size flex-basis : 0; ➜ The div does not have a starting value as such and will take up screen as per the screen size available for e.g:- if 3 divs are in the wrapper then each div will take 33%.

                 echo "<script>alert('This is an alert from PHP!');</script>"


                 modal fn -->bootstrap check later