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 to define and link full path to css located at a random folder on header.php
- How to add CSS class to custom logo?
- How to add custom css file in theme?
- How important is it to enqueue a theme’s stylesheet?
- CSS not updating in browser when I change it
- Solutions for generating dynamic javascript / CSS
- Do I actually need to link my theme’s style.css in the theme files
- Enqueue a stylesheet for login page and make it appear in head element
- CSS classes for theme
- Generating CSS Files Dynamically Using PHP Scripts?
- Enqueue Stylesheets After Theme’s “rtl.css”
- How to modify an image block in Gutenberg WordPress 5?
- Are the WordPress Core CSS styles really all nessesary?
- Understanding wp_add_inline_style
- Any alternate TinyMCE4 themes / subthemes?
- Splitting WordPress theme CSS into multiple files, good or bad?
- 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
- How to make a theme with more than one CSS file?
- Editing the custom background CSS
- What is the problem if I use CDN in my WordPress parent theme(built using bootstrap)?
- How to edit an existing WordPress theme? [closed]
- Excess White Space Above Admin Bar on Frontend Using Twitter Bootstrap
- Suggestions for creative use of post format feature, or themes that use them well
- Add class to before_widget for all widgets with a dropdown and a counter
- Why max-width:97.5% on content images?
- add generated stylesheet from parent theme after child-themes style.css
- Add a preview to a WordPress Control Panel
- use add_action(‘wp_head’) in a widget for generating dynamic CSS styles
- why does twenty eleven theme mix up the css measurement units?
- Setting up partial Right-to-Left admin interface
- Adding inline styles from a widget
- Can’t edit style.css in subdirectory of my theme?
- Adding dashicon fonts to the admin of pre 3.8 installs
- How to Handle CSS for Multiple Header header.php Files?
- How to Modify a Widgets UL and/or LI Classes
- CSS in child theme not overriding the parent theme [closed]
- How to add (css) classes to only one wp_nav_menu()?
- What is better way to use Bootstrap inside admin panel?
- Adding dashicon fonts to the admin of pre 3.8 installs
- Move my theme style.css into a folder
- Convert a static website to a WordPress theme and import all existing content
- How to keep theme layout the same when admin gray bar is present?
- Enqueued Stylesheets Effecting Admin Styles
- Custom CSS In Uploads Folder
- There’s an image named g.gif somewhere in my WordPress site
- wp_head() not inserting the default stylesheet style.css
- How to highlight the current page in the nav menu?
- Writing Clean WooCommerce Styles
- First completely customized theme, where should I start?
- Root Sage theme styles are not working!
- De-registering parent style sheet css recommended?
- customizing the_password_form filter
- Whats the safest way to output custom JavaScript and Css code entered by the admin in the Theme Settings?
- Alterntives to BEM syntax that comply with WordPress coding standards? [closed]
- Modify the Additional CSS section (adding a disclaimer)
- Sub folder CSS that’s read by Admin panel
- WordPress 5.8 update problem custom theme styles are overridden by core styles common.min.css
- WordPress default theme css units
- CSS won’t style output of wp_nav_menu() correctly
- Where is definied the theme location for the main menu in a WordPress template?
- Is it necessary to prefix every css class in a theme framework?
- current-menu-item class not working
- How to determine which custom header image is being shown
- Recommended tools for Theme Development with SASS [closed]
- enqueue_style is not working
- Custom CSS without css.php file
- Dequeue a style file which is making website load slow!
- Weekly background code not working
- Do I need normalize.css when developing my own WordPress-theme?
- How to float an image in Gutenberg
- Custom Theme Bootstrap
- How do the default themes reference style.css?
- Media Uploader in custom path
- Multiple Page Templates & CSS
- Is it possible to edit the styling of the admin panel from within a custom theme?
- Developing WordPress Theme using CSS framework like Bootstrap
- Theme Loading Into Dashboard
- What are the Entry classes for?
- Using PIE CSS in WordPress. “localizing” styles
- How to edit my theme for full width?
- How to check if a WordPress core block is active in sidebar
- Which html elements should be styled in wordpress theme
- 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
- WP_bootstrap_Navwalker_issue [closed]
- How to add styles set by user in the customizer
- Font Awesome 5 Free – far working but fas is not? [closed]
- How remove render blocking css from wordpress when you build a theme?
- Why doesn’t my css work when I check my theme on mobile devices? [closed]
- WordPress Unite Theme: Footer isn’t sticking [closed]
- Following Web Performance Optimization techniques to output static and dynamic css
- How to get javascript slider to work! [closed]
- How to disable wordpress from overload my stylesheet styles with customizer styles