Why I am unable to align the content of my intro section as has been shown in the image?
I checked the code but I couldn’t find any where you try to change or style the display of your introduction section. I would advise you use flex to align your content
Only direct children become grid (and flex) items. You need to set .my-intro to be the grid container to place the children inside it.
BTW, welcome-section is not a valid HTML element.
1 Like
Thank you for the explanation brother.
I was stuck here for 3 hours.
You are a lifesaver.
Thank you for letting me know that “Only direct children become grid/flex items.”
Appreciate it, brother. Thank you so much.
Yes, I know that the ‘welcome-section’ is not a valid HTML element, but the 6th challenge asked me to make one so I did. This is going to be my personal portfolio and the solution to the 6th and last challenge.
Thanks again, brother.
Anyways, I solved some doubts along the way in the forum.
Thank you for your suggestion, brother.
But I wanna place the image element over the paragraph element.
And grid seems the easy way.
Additionally, I want my image to utilize first column along with both the rows.
I am trying to make a Personal Portfolio Page, here’s the code link: https://codepen.io/harshj_ohn/pen/PoOaaoj?editors=1000
I am referring to this template: Adobe XD
My question is why am I not able to use Grid property on my webpage?
You created another thread related to using grid templates for this project. Since people were already helping you in this thread, I have merged them.
It does not ask you to create an invalid element, it asks you to give it an id of welcome-section
My portfolio should have a welcome section with an id of
welcome-section
I’m not convinced I would use grid for this layout. I know you can do overlap using grid but in this case, I think using positioning, transform, or negative margin is an easier choice.
Quick example, you can fork it if you want and I will delete it when you are done with it.
https://codepen.io/lasjorg/pen/bGYKJVp
This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.