Which option to choose for website layout with given elements?

Question

css

Hello.

There is a website that was started n months ago. While it was supplemented with various interesting elements, each time layout problems surfaced. And first of all, this is due to ignorance of positioning and the inability to find the optimal solution. Because there is little experience in creating websites, I really want to hear the opinion and advice of experts. Perhaps there are cool frameworks, solutions for placing the desired elements on the site.

Initially, and based on previous experience, I wanted to do everything on flex-box, because. it’s enough just to make up and you don’t have to make versions for different devices. And most likely because of this, all the following problems arose, because I had to leave the flex. As a result, something on the pages of the site on flex-box, somewhere position: relative , something position: fixed . I understand that this is not at all correct and you need to stick to one approach. So which one is better for me?

My vinaigrette:

• videophone on the main. a fixed position that created its own problems
  
• js menu with beautiful css animated button. here position: relative
  
• page header. flex box
  
• banner (image+button)
  
• js slider
  
• + to this all I want an adaptive layout, beautiful css animation to the elements
  

Answer 1

If there is no desire to go and get knowledge from someone in a specialized way, then you can learn quite reasonable approaches from frameworks, yes. For example, this one has https://getbootstrap.com/.
They have a header and a carousel and banners and most of the basic elements for the site out of the box.
I do not recommend mindlessly copying, but I advise you to take a component, study it, take it apart, understand how it works → write it yourself. There is nothing difficult in this.