I want to add some shapes or designs inside the banner/dark-blue area and then would add some widget-box inside of it. My code look something like this:
My approach was to fix position of the parent element or make it relative then position the shapes with absolute positioning respective to its parent element but whenever I try to put absolute position the shapes reaches to the top of the website. It is not taking respective positioning
I'm trying to learn
tailwind-css
or I would say learningcss
where I'm struggling with the position of elements. Working onVue js
components.I achieved the designing few of the elements so far:
https://i.stack.imgur.com/6NIVy.png
I want to add some shapes or designs inside the banner/dark-blue area and then would add some widget-box inside of it. My code look something like this:
For reference to the components code: https://github.com/nitish1986/sample_website
My approach was to fix position of the parent element or make it relative then position the shapes with absolute positioning respective to its parent element but whenever I try to put absolute position the shapes reaches to the top of the website. It is not taking respective positioning
How can achieve this positioning? I want to achieve something like this:
https://i.stack.imgur.com/3DSnS.png
Any better approach into it are most welcome. Thanks.
Reference link on stack-overflow: https://stackoverflow.com/questions/60472110/positioning-of-html-elements-in-tailwind-css