Flexbox contact form - HTML & CSS - SitePoint Forums
![](https://global.discourse-cdn.com/sitepoint/original/3X/2/1/21d58a271bd3bf7075ea0b28768027698f64d78d.png)
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
Why should we use normalize.css with the CSS3 flexbox? - Quora
![](https://colorlib.com/wp/wp-content/uploads/sites/2/the-principles-of-beautiful-web-design.jpg)
22 Best CSS3 Books for Front-end Developers 2023 - Colorlib
![](https://cdn.slidesharecdn.com/ss_thumbnails/html5-bootcamp-workshop-r5-131027191153-phpapp01-thumbnail.jpg?width=640&height=640&fit=bounds)
HTML5 Bootcamp: Essential HTML, CSS, & JavaScript
![](https://global.discourse-cdn.com/sitepoint/original/3X/2/1/21d58a271bd3bf7075ea0b28768027698f64d78d.png)
Flexbox contact form - HTML & CSS - SitePoint Forums
![](https://i.ytimg.com/vi/ydQ2YqnNlKA/hq720.jpg?sqp=-oaymwEhCK4FEIIDSFryq4qpAxMIARUAAAAAGAElAADIQj0AgKJD&rs=AOn4CLDI8g0C1w8BOCUGHLPYmGONKRlkOA)
Contact Form Design with CSS Flexbox
![](https://uploads.sitepoint.com/wp-content/uploads/2018/06/1529929305117-form-grid-01.png)
The Benefits of Using CSS Grid for Web Form Layout — SitePoint
![](https://cdn.sanity.io/images/708bnrs8/production/f6b6b74c59e4b3680c3dbf3ad476bf854d4cb323-1920x1080.png?h=400&l=600&auto=format)
Master CSS Layouts with Flexbox - SitePoint Premium
If I am learning CSS, should I learn Flexbox, Floats, etc. or should I just learn Grid? - Quora
How I can write the code in flexbox CSS? - Quora
Building Responsive Forms with Flexbox Online Class
CSS Master, 3rd Edition [Book]
![](https://www.quackit.com/pix/css/flexbox/examples/flexbox_form_example_4.gif)
Flexbox Form Examples
![](https://global.discourse-cdn.com/sitepoint/original/3X/d/6/d65c066b3a376d64eedf2464208095d5e627bae1.png)
Help with a web page in the responsive form - HTML & CSS - SitePoint Forums