Flexbox contact form - HTML & CSS - SitePoint Forums
By A Mystery Man Writer
Description
Note: this thread is related to Flex item alignment and paragraphs within flex item - #2 by Ray.H Merry Christmas ! I am trying to build a contact form ( please see mockups - desktop and mobile). Couple of questions… Is it possible to move/put label names within name, email and text field and make them disappear when user clicks and starts entering data? (same for mobile version…I guess :focus…?) what would be the proper way to increase vertical spacing between name, email, text field a
![Flexbox contact form - HTML & CSS - SitePoint Forums](https://uploads.sitepoint.com/wp-content/uploads/2016/09/1475026595flexbox-forms-final.png)
Make Forms Fun with Flexbox — SitePoint
CSS Flex Box Issue - HTML & CSS - SitePoint Forums
![Flexbox contact form - HTML & CSS - SitePoint Forums](https://assets.codepen.io/1382996/internal/screenshots/pens/wXPZge.default.png?format=auto&ha=false&height=400&quality=75&v=1&version=1529416357&width=700)
First experience with flexbox - HTML-CSS - The freeCodeCamp Forum
![Flexbox contact form - HTML & CSS - SitePoint Forums](https://cdn.cssauthor.com/wp-content/uploads/2023/06/Sitepoint.jpg?strip=all&lossy=1&resize=1000%2C500&ssl=1)
Best Places To Learn Web Development » CSS Author
![Flexbox contact form - HTML & CSS - SitePoint Forums](https://cdn.sanity.io/images/708bnrs8/production/98c16d2eb5ab65aaa8f6c04806c39dcf9c5420c1-564x760.png?w=300&h=404&auto=format)
CSS Viewport Units: vh, vw, vmin, and vmax — SitePoint
![Flexbox contact form - HTML & CSS - SitePoint Forums](https://i.ytimg.com/vi/ZKSQGGBAu4c/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLCu4MigaxuVbJAX-JGKDHS3WyDjhg)
Contact US Form Using CSS Flexbox, Contact Form using HTML and CSS
![Flexbox contact form - HTML & CSS - SitePoint Forums](https://p.calameoassets.com/131128163528-7813dbdf65a274bb79150cb04dc1b57c/p1.jpg)
Calaméo - HTML5 and CSS3 for the real world
![Flexbox contact form - HTML & CSS - SitePoint Forums](https://cms-assets.tutsplus.com/cdn-cgi/image/width=360/uploads/users/30/posts/34495/image/full-screen.png)
How to Build a Responsive Handmade SVG Form
![Flexbox contact form - HTML & CSS - SitePoint Forums](https://uploads.sitepoint.com/wp-content/uploads/2021/08/1629936855feature.jpg)
Flexbox or CSS Grid? How to Make the Right Layout Decision — SitePoint
![Flexbox contact form - HTML & CSS - SitePoint Forums](https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis/firefox-flex-basis.png)
flex-basis - CSS: Cascading Style Sheets
from
per adult (price varies by group size)