Freecodecamp: वेपॉइंट: छवियों को मोबाइल उत्तरदायी बनाएं

को निर्मित 25 अग॰ 2015 · 3टिप्पणियाँ · स्रोत: freeCodeCamp/freeCodeCamp

चुनौती http://www.freecodecamp.com/challenges/waypoint-make-images-mobile-responsive में एक समस्या है। कृपया वर्णन करें कि इसे कैसे पुन: पेश किया जाए, और यदि संभव हो तो स्क्रीनशॉट के लिंक शामिल करें।

अनुरोध के अनुसार 2 छवियों के लिए कोड नीचे दिया गया है। 3 में से 2 टेस्ट पास हो जाते हैं। अंतिम कहता है कि छवि URL " http://bit.ly/fcc-running-cats " होना चाहिए जैसा कि नीचे दिखाया गया है। छवि सही ढंग से लोड होती है लेकिन परीक्षण पास नहीं होता है।
img वर्ग = "मोटी-हरी-सीमा img-उत्तरदायी" src=" http://bit.ly/fcc-relaxing-cat "
img वर्ग = "मोटी-हरी-सीमा img-उत्तरदायी" src=" http://bit.ly/fcc-running-cats "

--छवि लोड होने से रोकने के लिए कोण टैग हटा दिए गए

स्रोत

danielonodje

सबसे उपयोगी टिप्पणी

आपको अपने http (https:) में एक s जोड़ना होगा

yaseenagag 3 नव॰ 2016

👍2 ❤1

सभी 3 टिप्पणियाँ

क्या आपने परीक्षण को रीसेट करने और इसे फिर से पेस्ट करने का प्रयास किया है? इसने मेरा काम किया।

shufengh 25 अग॰ 2015

धन्यवाद @ सर-कास्टिक!

अपने कोड को प्रदर्शित करने के तरीके के लिए कोड स्वरूपण मार्गदर्शिका देखें और इसे html प्रस्तुत न करने दें।

मुझे लगता है कि आपकी समस्या यह है कि आपका पहला आईएमजी टैग पिछली चुनौती से <a> के अंदर नहीं है:

  <a href="#"><img class="smaller-image thick-green-border" src="http://bit.ly/fcc-relaxing-cat"></a>
  <img class="thick-green-border img-responsive" src="http://bit.ly/fcc-running-cats">

मेरे लिए ठीक काम करता है।

मैं इसे बंद करने जा रहा हूं, लेकिन अगर आपको अभी भी समस्या हो रही है तो इसे फिर से खोलें।