Why do you need container inside container? You may use single container and to reduce it’s total width, you may specify that in your stylesheet like this:
.container{max-width:90%;width:800px}
I am just considering 800px width as your requirement. You may use your own values. The purpose of defining the max-width will be to make it responsive for mobile views as small devices do have width less than 800 but with explicit max-width, they won’t go wider than 90% of the respective screen sizes.
And, as per your code, why are you defining height of the container div? To increase spacings, you may use padding and margins. This explicitly height definition will unnecessarily increase your workload to rewrite the same for other mobile devices too.
Related Posts:
- Why I obtain different visualization when I run the website on my local machine and on remote server?
- How to create a WP theme that use BootStrap? [closed]
- Why the slideshow is not shown in my theme?
- What does an “&” before a pseudo element in CSS mean?
- How important is it to enqueue a theme’s stylesheet?
- Solutions for generating dynamic javascript / CSS
- Enqueue a stylesheet for login page and make it appear in head element
- Generating CSS Files Dynamically Using PHP Scripts?
- Enqueue Stylesheets After Theme’s “rtl.css”
- How to modify an image block in Gutenberg WordPress 5?
- Understanding wp_add_inline_style
- Any alternate TinyMCE4 themes / subthemes?
- Hide a div that is part of all pages on one specific page
- Why I can’t add a CSS style in this WordPress theme?
- Can’t get staging site to display same way as live site. Completely stumped
- Editing the custom background CSS
- What is the problem if I use CDN in my WordPress parent theme(built using bootstrap)?
- add generated stylesheet from parent theme after child-themes style.css
- How to Handle CSS for Multiple Header header.php Files?
- How to Modify a Widgets UL and/or LI Classes
- What is better way to use Bootstrap inside admin panel?
- Convert a static website to a WordPress theme and import all existing content
- Custom CSS In Uploads Folder
- There’s an image named g.gif somewhere in my WordPress site
- How to highlight the current page in the nav menu?
- Root Sage theme styles are not working!
- customizing the_password_form filter
- Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
- Modify the Additional CSS section (adding a disclaimer)
- Sub folder CSS that’s read by Admin panel
- CSS won’t style output of wp_nav_menu() correctly
- Is it necessary to prefix every css class in a theme framework?
- Custom CSS without css.php file
- Dequeue a style file which is making website load slow!
- Do I need normalize.css when developing my own WordPress-theme?
- How to float an image in Gutenberg
- Custom Theme Bootstrap
- Media Uploader in custom path
- Developing WordPress Theme using CSS framework like Bootstrap
- How to override checkbox styles if these inputs have a unique id [closed]
- How to add material design css in wordpress and woocommerce
- Bootstrap card columns change images size
- How to disable wordpress from overload my stylesheet styles with customizer styles
- What is the meaning of WordPress’s recommended css classes and where are they applied?
- Combining CSS files into a single cached one
- How to i style the elements from the TinyMCE
- Using page-id-{ID} from body_class() in local dev, versus live staging
- How do I remove inline style in featured image markup?
- different way to achive stylesheet_url
- How do I use a color from theme options?
- Custom image size vs CSS sizing
- Why is my CSS not loading?
- Ideal inline dynamic CSS injection
- Javascipt issue on custom theme
- Second menu has the first menu ID
- JQuery undefined and Stylesheet loads in bottom along with js files
- How can I wrap all blog posts image with
- theme style is applied on the dhasboard rather than the website
- White screen when attaching css to function.php
- Are there any caveats to compiling all of my theme’s SCSS into the style.css file in the theme root?
- SVG in list-style-image breaks when adding fill
- WordPress theme resource won’t load over VPN
- CSS added through customizer neglects the need of a child theme?
- Do I need to re-import Susy to work with it in a child theme? [closed]
- Bootstrap grid system is not working in my WordPress theme
- A post with a clear:both in its css destroy the theme design, and the sidebar is moved to the bottom
- multiple html/css files for wordpress theme?
- header, stylesheet not being read
- Tiny MCE custom styles, and preview in the backend
- .current_page_ancestor broken in Twenty Eleven
- I don’t think WordPress is loading jquery or bootstrap js
- WordPress Animation Adjustments
- Is there a list of default generated Gutenberg block CSS? Unable to align video blocks
- How do I change the color of individual page titles in WordPress?
- Find the source file causing a Mixed Content warning
- How to reduce the vertical space above and below a ul list uniformly with one command?
- Importing sass into underscores theme
- Is there a way to add classes to a page when using a Gutenberg reusable block as page layout?
- change background image on scroll
- How can I fix my theme header for my CSS stylesheet?
- WordPress doesn’t load css, image and js files after moving local installation folder
- Load multiple css simultaneously using functions.php
- Necessary css classes to be included in theme stylesheet
- style.css not being rendered in browser
- Images use & location, on new wordpress theme
- Mobile view logo background colour in wordpress
- WordPress Customization API overwrite LESS variable
- How do I get my theme scripts to load in a custom theme built from Bootstrap
- Alternating CSS classes for dynamic content [closed]
- How to reuse parts of WordPress site e.g. header, footer, part of header for multiple WordPress sites?
- Setting different CSS for all pages except home.php
- How do I middle-align my header menu items in WordPress [closed]
- WordPress Loop with Custom Post Type for Bootstrap Accordion [closed]
- How customizable is a self-hosted WordPress blog compared to a Blogger blog?
- Detect custom font size
- HTML to WORDPRESS [closed]
- How To add li class and a class wp_nav_menu() with bootstrap 5 navbar?
- Bootstrap 4 mobile menu not working for WordPress Development
- How to Enable Hot Module Replacement with Webpack
- Image and font support missing in editor when deploying theme remotely