Tribute page comments

Tribute page comments
0

Tell us what’s happening:

i have completed my tribute page… but iam little unsatisfied with my positioning skill of many div elements in my page… is that any other way instead of trying position property in each elements??

Your code so far
https://codepen.io/kabs31/pen/WqMdJv
Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 6.1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/75.0.3770.100 Safari/537.36.

Link to the challenge:
https://learn.freecodecamp.org/responsive-web-design/responsive-web-design-projects/build-a-survey-form

Hi kabs31,

Perhaps you could try to use HTML5 semantic elements instead of some of your div elements. For example, try to wrap your h1 in a header element instead of a div. If you do that, you can also use these in your CSS. So, instead of targeting #title you could use the header selector in your CSS.

You can read about HTML5 elements on: https://guide.freecodecamp.org/html/html5-semantic-elements
And you can see which browsers support styling HTML5 semantic elements with CSS at: https://caniuse.com/#feat=html5semantic.

I hope this helps you, enjoy!
sandrab

hi sandrab

is there any other properties to align the elements instead of trying out position property everytime… if there pls suggest me… i’m dying out here…

and thx for ur previous reply,
kabs.

Why don’t you try with flex-box or grid?

So that it becomes responsive

thank you… ill look for it :slight_smile:

All the big pieces like divs, headings, and paragraphs are automatically relative to their parent element and can be moved around with margin on one side or the other. No need for position:relative; on everything.