![]() ![]() ![]() Do you want the elements to overlap or have space between them? Do you want some text on the page to be centered and the rest left-aligned? Do you use plain CSS or a framework like Bootstrap? These are just a few questions you’ll have to address as you code. ![]() User Agent is: Mozilla/5.0 (Windows NT 6.3 Win64 圆4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/.138 Safari/537.36.A major challenge of building layouts is arranging and styling elements on the page. Why display:flex was placed for the selector label in the project’s sample? How is it that the labels remain unchanged even though display: flex, align-items: center was used though logically all labels should be aligned in a single row as shown on my web page that i linked above. I hope someone can explain to me whats going on here. The only thing i noticed is when i removed the display:flex code the radio and checkboxes jumbles up. I tried to remove various styling lines to see what is fighting the display: flex on the sample given in the project. Looks like the labels are all well placed except the label name as you will see in the link. To my surprise the name label for some reason is separated from the row.Īlso when i placed display: flex and align-items: center to the whole container of the form i created. It should looks messy as shown on the webpage that i made. Because logically if i use display:flex everything should align in a single row. I wonder how is it possible that all the labels are arranged beautifully. ![]() I noticed display:flex, align-items: center is used on the selector label. In the given project assignment/challenge ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |