Home>
I want to display menu-image at 100% in the frame of menu-card.
Error message The code belowdoes not respond well. At the bottom of the source code listed.
.menu-image {
width: 100%;
}
Applicable source code
[HTML]
Menu
Blend coffee
<p>This is the most popular product.<br>Please enjoy not only the taste but also the aroma</p>
[CSS]
@charset "utf-8";
.menu {
padding: 90px 0 60px;
color: # 5a5c5f
}
.menu-card {
width: 33%;
margin-top: 35px;
}
.menu-card-inner {
padding: 25px 30px;
background-color: # dbe0e4;
border-radius: 7px;
box-shadow: 1px 1px 4px # d2d4d6;
text-align: center;
}
.menu-image {
width: 100%;
}
I tried other thanwidth, but it doesn't respond.
Previous
.menu-card-inner {
Seems to be reflected.
Please provide more detailed information here.
-
Answer # 1
Related articles
- html - is it possible to set the vertical width as a ratio according to the horizontal width of the parent element with css?
- html - professional gate beginner dojo code unknown
- html - jquery does not respond
- html table width setting
- html - original width value remains valid even if width is specified by media query
- html - responsive doesn't respond
- html - the width becomes large
- i'm a beginner i don't know how to display images in html
- html - ignore the width of the parent element, or want to overlap the elements so that the width does not affect them
- [html, css] width of background-color is not displayed in full screen
- html - height setting by browser width
- html - buttons on burger menu with bootstrap do not respond
- html - how to display the image in full width
- html - i want to shorten the width of the navigation bar
- html - the inner (container) width is variable, and to specify only the left and right margins with px
- html - if width is added, centering will not work
- html - i want to display the slider in the full content width
- html - [css] i want to match the width of the background color
- html - i want to reflect the seed information, but i cannot respond because an error occurs
- html - the width and height specified in css are reduced in the browser
Related questions
- html : why is "Name" not displayed in
- html : How do I typeset this in CSS?
- html : layout does not obey
- javascript : Is it realistic to make such a gallery in pure CSS?
- html : 3D button hover effect
- How do I create a form using HTML Div and CSS?
- javascript : Swiper js dynamic pagination
- javascript : How to display random blocks
- Separations of pages on the site html, css
- html : how to insert <svg>into <input>
% determines the width based on the parent element, so
If you do not specify the width of the parent tag div that contains the img tag, there is no standard
"Eh, there is no standard, but where is 100%? I don't know."