The design I’m trying to code I attempted to code this design of form input, but I encountered a problem when I used display: flex. The width of the input shortens instead of expanding as I expected. The result of my code Here are the results of what I did, the width of my form… Read More Why does the width of a form input shorten when it's inside a container with display: flex?
I am currently attempting to implement a horizontal pointer in a read/guide line mode. However, during testing on responsive devices, it does not extend fully across the width of the screen. Such as, on tablet and phone. Could someone please advise on how to ensure that the horizontal pointer spans the entire width of the… Read More How to adapt responsive a horizontal line of pointer
I am trying to get the table data I’m working on responsive in a way which I don’t think is possible as far as I know, unless other people here think it is? Basically I have a table which at max size shows 3 TD elements within a TR. When scrolling down to min size… Read More How to make responsive tables in html css
Container( child: Row( children:[ Container( //icon in the left side height: 50, widget: 50, color: Colors.green, child: Icon… ), Container( //container text //width:200, if I set this width child:Text(‘a long text inside here…’, textAlign: TextAlign.justify, ),//long text here ), ], The code above is just a sample to explain my problem. I call this widget… Read More Widget without fixed width can constraint a Text widget?
I’m currently working on my portfolio/website but I have some problems with my responsive. In desktop format, the site is 5 columns, 3 at the left for my works ans portfolio, and 2 at the right for the infos part. In a mobile format, i want it to be only 3 columns, and get rid… Read More Bad: responsive difficulties
Trying to do a mobile first design but for small screens my container div (red) gets smaller width than my body div (blue). Can’t understand why. Also don’t know weather I’m using correct unities to set width and height. Here you can see how it is /* Mobile First */ body { height: 100vh; margin:… Read More Container div not filling in 100% body width
i have a scaffold that keeps giving me overflow errors when i test on different phones. i only used mediaquery.of(context).size.height once in the code and i get overflow error 0f 40.392 and it makes no sense since i never used decimals when declaring heights Scaffold( backgroundColor: Colors.black, appBar: PreferredSize( preferredSize: const Size.fromHeight(50), child: AppBar( elevation:… Read More MediaQuery inconsistent on different phones
I have a save setting button for a profile edit web page. The page is long and I want the save setting button fixed at bottom of the page. On scrolling down it take her normal position. I can make it fixed at bottom on scrolling but I can’t make it stick on the normal… Read More Make div fixed at the bottom of page with small height screen and take his specific position when scrolling
I have finished my home site and want it to be responsive, I want that the content takes the full page width, but the width somehow has a limit, so when I want to make the text bigger, it will just break at a certain width (see screenshot for example). Here’s an example: @media (max-width:… Read More Site has a width limit even if not set
so i have a page that looks like this with an HTML like this <form id="contact-form"> <div class="row" style="position:relative"> <div class="col-md-6"> <input type="text" placeholder="First Name*" required id="firstName" /> </div> <div class="col-md-6"> <input type="text" placeholder="Last Name*" required id="secondName" /> </div> </div> <div class="row"> <div class="col-md-6"> <input type="email" placeholder="Email*" required id="email" /> </div> <div class="col-md-6"> <input type="tel"… Read More How to make a div row with two elements responsive in mobile