I'm using the current Bootstrap Card from their documentation: <div class="card" style="width: 20rem;"> <img class="card-img-top" src="/img/drum-kit-min.png"> <div class="card-block"> <h4>Card title</h4> <p>Some quick example text to build on the card title and make up the bulk of the card's content.</p> <a…
So I'm trying to edit Shopify's code to make the menus in my store open on hover instead of having to be clicked. With help, the menus now open on hover but they don't close on mouseout. I guess my…
I'm trying to edit a shopify theme and the last part I'm stuck on is getting these navigation menus to open on hovering instead of clicking. The css I have for the menus is: .site-nav { position: relative; padding: 0;…
A bit of a beginner's question, I am trying to make my form to look like the following image where the text on the left are vertically aligned and the input field has the same widths. twitter form <div class="container">…
I want the background colour of a div to extend past the minimum dimensions. Say 10px more in each direction. Using flexBox and I have the following result: https://gyazo.com/815fcc78086c81cdc46b758c9230e9b9 My attempt is to add a border to the div, and…
I have images in my page and if resulution of my page less than 768px my img src must change with data-tablet and if resulution of my page less than 480px my img src must change with data-mobil or if…
I want to basically have a table in my design where the size varies from 3 X 3 to 7 X 7 and need the full table to fit the small screens too. So now going deeper, when the screen…
Using this HTML: <!doctype html> <html> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>app</title> <meta name="description" content="todoApp"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="//cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.0.0-alpha.6/css/bootstrap.min.css"> </head> <body> <div class="container-fluid"> <nav class="navbar navbar-toggleable-sm navbar-inverse bg-inverse fixed-top"> <a class="navbar-brand" href="#">App</a> <ul class="nav navbar-nav"> <li…
What is a good way to build a web page if you want to have a content-area and two sidebars next to it. One left and one right. Good examples for such a layout are Twitter and Quora. Some ways…
I have managed to achieve stacking two divs on top of eachother for the mobile at 480px by using clear:both (.vd-grid-xtra-box). They are inside a parent div. Unfortunately, I am trying to set them both at 100% width for the…