I’d like some feedback on my survey project. The feedback I got on the tribute project was very valuable. I really appreciate it!
I have one question: I made
#textarea look centered by using
width: 100%;. How do i center them for real? E.g. if wanted
width: 50%;, but still wanted them centered?
I was playing around in your CodePen and FlexBox is probably the best way based on how you have it currently coded.
- Consolidate the “comments” into its own div. Noticed I also changed the button and gave it a new class div-button:
<p>Give any comments down below if you have them:</p>
<textarea id="textarea" rows="5" cols="45"></textarea>
<button type="submit" id="submit" class="submit div-button" form="survey-form" value="submit">Submit</button>
- Set comments as a flex container and define how to align the child items:
flex-flow: column wrap;
- Set the widths to 50% on the child items:
/* width: 50%; */
margin: 20px 0px 0px 0px;
Let me know how that works out! ~HiL
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.