Tell us what’s happening: How do you make an image responsive??? Your code so far #main { background-color: #626D71; } #subtitle { text-align: center; font-family: copperplate, sans-serif; } #img-div { display: block; margin-left: auto; …

Bootstrap 4 => <img src="..." class="img-fluid" alt="Responsive image"> [image] Images Documentation and examples for opting images into responsive behavior (so they never become larger than their parent elements) and add lightweight styles to them—all via classes. …

Please see this post as it discuses the same topic [image] Build a Tribute Page #User story 8 HTML-CSS HOW DO I MAKE MY IMAGE RESPONSIVE? Your browser information: User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0. Link to the…

@ChrisCline1138 I tried to do what was in the feed but it ever worked?

look at the spoiler the solution is blurred out. click on the blurred are to view.

You haven’t applied CSS Media Queries.

You need to add media queries which are basically screen size width conditions. Check How to create Responsive Web Design using CSS Media Queries . A Responsive Web Design fits well in all screen sizes like mobile, tablets and computer screens.

How do you make an image responsive

Curriculum Help

ChrisCline1138 March 7, 2019, 5:13am 3

Please see this post as it discuses the same topic

Topic		Replies	Views
Last test failure I Built This	4	312	December 3, 2020
Primer ejercicio practico del curso español	2	800	March 31, 2022
Help please - Tribute page project I Built This	5	424	October 2, 2020
Tribute page test pass 9/10, image not responsive	17	1737	June 13, 2020
Tribute Page, responsively resize img	2	713	November 24, 2019

How do you make an image responsive

Related topics