I see that I can't use freeCodeCamp on my phone

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Cafe Menu</title>
    <link href="styles.css" rel="stylesheet"/>
  </head>
  <body>
    <div class="menu">
      <main>
        <h1>CAMPER CAFE</h1>
        <p>Est. 2020</p>
        <section>
          <h2>Coffee</h2>
          <article class="item">
            <p class="flavor">French Vanilla</p><p class="price">3.00</p>
          </article>
          <article class="item">
            <p class="flavor">Caramel Macchiato</p><p class="price">3.75</p>
          </article>
          <article class="item">
            <p class="flavor">Pumpkin Spice</p><p class="price">3.50</p>
          </article>
          <article class="item">
            <p class="flavor">Hazelnut</p><p class="price">4.00</p>
          </article>
          <article class="item">
            <p class="flavor">Mocha</p><p class="price">4.50</p>
          </article>
        </section>
      </main>
    </div>
  </body>
</html>

/* file: styles.css */
body {
  background-image: url(https://cdn.freecodecamp.org/curriculum/css-cafe/beans.jpg);
}

h1, h2, p {
  text-align: center;
}

.menu {
  width: 80%;
  background-color: burlywood;
  margin-left: auto;
  margin-right: auto;
}

.item p {
  display: inline-block;
}


/* User Editable Region */

.flavor {
  text-align: left;
  width: 50%;
}

.price {
  text-align: right;
  width: 50%;
}

/* User Editable Region */

Your browser information:

User Agent is: Mozilla/5.0 (Linux; Android 13; SAMSUNG SM-N986U1) AppleWebKit/537.36 (KHTML, like Gecko) SamsungBrowser/20.0 Chrome/106.0.5249.126 Mobile Safari/537.36

Challenge: Learn Basic CSS by Building a Cafe Menu - Step 45

Link to the challenge:

2

Did you have a specific question about this challenge?
Could you explain a little about what is causing you problems please?

3

I see that I can’t use freeCodeCamp on my phone.

I want to be able to code anywhere…Including when I’m sitting, waiting for goods and services.

I hate to say that I pulled up my freeCodeCamp account and it seems not to be mobile-friendly

4

You can use your phone. If you describe the issue you are having, we act probably tell you how to adjust your phone’s settings.

5

You are able to use it on your phone. I use it all the time on my phone to respond to posts, and on occasion enter some code to my responses. You are correct though, its not as good as sitting in front of your computer.

What kind of phone do you have? They have the FCC app but it is only for google play store at the moment. They describe the app as:

"The mobile development team just pushed a big update with many helpful improvements, including the much-awaited /learn user experience.

You can now code your way through the Responsive Web Design curriculum and save your progress – right on your phone. You can seamlessly shift your freeCodeCamp learning from your desktop to your phone at any time."

1 Like
6

Thank you so much for your response.
I use the Samsung Galaxy NOTE 20

7

I’m not able to enter codes at the console

8

As in the keyboard isn’t working right?

9

Yes. You got it!
Sorry, I should have said that

10

Nice. Thank you. I see that once I click on code…it doesn’t seem to change but once I start typing it shows up

11

Using your phone for learning to code definitely falls into the category of “technically possible, but deeply unpleasant”.

1 Like
12

Yeah, right…just wanted to continue coding Anywhere, Anytime, Anyhow…

Thanks

13

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.