Won't accept border-width


#1


http://bit.ly/2cRdMzf


I've been trying to get past part 3 of the box model bit, it asked me to change the border-width of the .hotel selector to 2px. I'm pretty sure I've done that but it keeps asking me if I have and won't let me pass. I've been at this for a while now and I'm pretty sure that the code is fine, anyone else having similar problems?


in "style.css" (amongst other things):

.hotel {
  margin: 60px auto;
  padding: 10px 0px 0px 0px;
  width: 90%;
  border-style: solid;
  border-width: 2px;
}

and in "index.html":

  <div class="hotel">
    <div class="hotel-img">
      <img src="https://s3.amazonaws.com/codecademy-content/courses/web-101/unit-6/htmlcss1-img_raffles.jpg" width="250px">
    </div>
    <div class="hotel-description">
      <ul>
        <li>
          <h2>Raffles Hotel</h2>
        </li>
        <li>
          <h3>$500/night</h3>
        </li>
        <li>
          <p>Raffles Hotel is a colonial-style luxury hotel in Singapore. It was established by Armenian hoteliers, the Sarkies Brothers, in 1887. The hotel was named after British statesman Sir Thomas Stamford Raffles, the founder of Singapore. It is the flagship property of Raffles Hotels & Resorts, a subsidiary of Fairmont Raffles Hotels International.</p>
        </li>
      </ul>
    </div>
    <div class="book">
      <a href="#">Book Now</a>
    </div>
  </div>

And a few more stuff like that in "index.html".


#2

There is a known issue that is being addressed. The workaround for the time being is,

Run...refresh...Run

It's a pain, but we can work through this module.


#3

Just can't get through this... Please suggest


#4

@paddyhall Did you solve this?


#5

absolutely bizzare... i added hotelx in html and then changed to .htmlx with same code and it worked... codecademy needs some real good programmer :wink:


#7

Managed to pass this stage by trying this exercise on Edge (windows 10). Basically I've stopped trying it on Chrome.


#8

Also, per another thread on this topic, changing my browser zoom to 100% fixed the issue.


#9

What! That worked for me, and is completely crazy.


#10

I have tried all possibilities and none of them are working... any ideas?
Thanks


#12

lol in chrome just reset browser zoom to 100% and run again. (thx kruizerchick)


#13

It's been on 100% the whole time. As stated above I've tried everything you guys have suggested. I've been doing other tutorials now but I'd like to finish this one. Any other ideas?
Thanks


#14

I have Chrome too. I just changed the name of ".hotel" to something else. And then just change it in index.html to the new name everywhere where it says class=".hotel" to the new name.


#15

As @kruizerchick mentioned, I just changed my zoom to 100% from 110%, and that worked for me. Might I suggest that if your page has always been on 100%, increase the zoom, click RUN, then change the zoom back to 100%, and click RUN again. If that doesn't work for you, try a different browser.

I remember having this same issue with a couple of different exercises last year. When I switched to Firefox, my solution was accepted with ease on one of them, and I was FINALLY able to move pass that point. On a different exercise, changing the magnification rectified the problem. Just whichever one I tried at that point worked. So, if changing the zoom/magnification doesn't work for you in these exercises, try a different browser. It stinks to have to do that, but whatever gets us moving on to the next exercise.. Right?

edit: I was actually on Border Width 1, not part 3, but I had the same issue on Part 2 as I'm sure I will on part 3. In this case, changing the magnification is working for me. (Chromium - Linux)


#16

This actually works. Thanks a lot! :slight_smile:


#17

or everyone could've skipped all that and use

border:2px solid;

#18

This worked for me. Thanks. I wasted 2 days on this dumb issue.


#19