Submitted
Hello community. I welcome your feedback on @media query rules. How to make the image responsive on various sizes.
Quindara Corbin
@dquindara8
All solutions
Submitted
Submitted
I welcome all feedback for this solution, thanks.,
Submitted
Hello to all! I have a question. How do I get the Order Summary Card Component to be created to the following widths: 375px and 1440px? The design seems to be okay to me on different screens so I did not directly apply any changes for different screens. Should I have applied the changes? And if yes, how do I set out the @media query rule? Is it like this:
@media screen and (min-width: 375px) and (max-width: 1440px){ .container{ color: blue; } }
Thanks very much and hope to get the @media rule to apply.
Submitted
Hello all. How do you specifically center an image on the webpage or html body? Thanks.
Submitted
Hello all. My square dice on the NFT Preview Card Component project is just not scaling. When I increase the length of the image it gets narrower. When I increase the width it gets nice and like its normal shape but then the width exceeds the length which is not what I want. I want the length to exceed the width and right now the dixe is much narrower than it should be Any advice here? Thanks very much. Also how can I make this image responsive? It is already in column view for smaller phones. Should I make it row view for larger devices? I cannot get a hover state for the large image. I tried putting it in a div. I did the pseudo hover to it but it will not change color on hover. I would really appreciate your feedback on this.
Submitted
Can you let me know if I formatted the @media queries correctly for the screen sizes of 375px and 1440px? I added 768px for those screens. Is there a way to make all screen sizes responsive at once using HTML and CSS instead of catering to each viewport breakpoints? Also, how to get the item/s in the center of the page using either Flexbox or CSS or by using margins and padding. Do you use margin and padding on the body and HTML elements? How do you get the item on the page to be centered on various screen sizes for responsiveness? Thanks very much.
