After implementing ADF & portal responsive I have concluded many hints to follow while implementing
The main problem of the responsive it that adf components render as table
1- Limit the use of the components that render tables in the html dom and use html code if needed in verbatim tag
2- Limit the use of layout component that has tables or horizontal layout as it render in tablesHints
• Preferably use bootstrap templates.
• Create templates with panelgrouplayout vertical & default and create a custom style class to make it to horizontal example ;

.VTOH{
width:100%;
float:left;
margin:0;
padding:0;
}

• In portal use panel customizable under each other don’t implement it horizontal preferably add it in panelgrouplautout and use the above class & css to draw your page.
• Do the responsive in one CSS file and import it in your template and use media queries inside it.
• All width should in percentage. You may use with for small components on the page but that would be difficult in responsive.
• If you are obliged or have to use component that have fixed width use java script to change the width in responsive.

After Oracle acquired FatWire Software , Oracle completed its suite with a powerful web content management solution for business users.

Webcenter Sites we used to develop websites that is connected with the Webcenter content using WCM, by creating templates and data files and store them at the Webcenter content server which enables direct editing and contribution.

Webcenter Sites is a powerful web content management solution where has the capablilty of creating, and publishing business-user websites focused on targeted audiences.

on the other hand Webcenter portal framework designed for intranet and extranet which has the capabilities of interaction and sharing , which integrate with SOA / Webcenter content to provide services as document services , workflows and business processes.