How is the following image coded? How long will it take?
I would like you to tell me!
Because there are no friends of markup engineers around, I'm curious how i am coding.
Because in the case of my image below,
Adjust between the name and required with the margin, do not know how to display the male and female of the gender, paste it in the image, you will not understand why, too much margin in the upper and lower border settings in the name column in the first place Responsive but messed up ...
Time also takes all day. . . . .
I want to learn from your code!
Answer # 1
PC has two columns
Title input field
Title input field
A smartphone has one line as shown below
should be used.
If you search well, you will find various sample codes.
For example, searching for "CSS form responsive"
[Horizontal] How to make an inquiry form [Responsive] ｜ Kei Blog
How to make a contact form that is not compatible with smartphones "responsive" for the time being | Naoki Nishizawa IT Course
It seems to be helpful.
Answer # 2
Simply div and enclose the form name for "name", "gender" ... and the input system, and add css to the class on the div side Draw a border.
And move the position with a float or something like that ...
Or as a foul technique (usually impossible usage), express a frame with a table and specify the width in the class on the th side, etc.
- html - [css] how to display a square image according to the window width
- html - the image does not overlap on the image
- image transmission from html to php
- coding method for obtaining html from a design company on a website
- html - the path of the background image of css changes
- html - i set a button animation on the overlaid image, but it doesn't work
- html - coding from the design comp, margins that do not exist in the design on both ends are created
- html - i want to fill the screen with only the background image
- html - centering of body, only the image is not reflected
- html - i want to achieve masking and image enlargement when the mouse is over the image with css
- html - add image of header part of wordpress
- html - i want to overlay dot with image using background property
- [html/css] i don't know how to implement this design [with image]
- html - i want to display a background image when fading in/out the image with slickjs
- html - when the image is included in the attached file in ms access, "only", i want to display the full screen in the
- html - image size adjustment, etc
- html - the image cannot be uploaded on the edit page
- html - image and text are not aligned
- html - the background image is not reflected in css
- i set the size of the image in html but it is not reflected
- [rails] i made a table, but text-align is not applied only to the part [html] [css]
- html - i want to use css flex to make vertical intervals
- html - i want to right-justify the second button
- php - if you make it smartphone size, the text will be displayed above the footer
- html - i want to improve the appearance of the user name next to the comment display
- html - only the last image appears below