Skip to content
Submitted about 2 years ago

Order Summary Component ~ FlexBox | Media queries

Cornflakes•290
@CornflakesPlus
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Order summary component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello there fellow Geeks! 🙋🏻‍♂️

I forgot to upload this project when I completed it a month ago, I found it in a folder named "trash007" ( I have a problem with names, I can't name stuff properly and forget why & what's the file or folder about. ) 😄. So, I enhanced the old code into a new and improved version, added some FlexBox and Media queries just for some coloring.

When I viewed my site on a mobile device with the Landscape orientation, there was a lot of scrolling involved which is what I can't seem to fix.

Any help or guidance on how to create less scrolling when viewing on mobile Landscape orientation would be awesome. My mobile in Landscape orientation is 720px.

And Offcourse any other feedback will be a great help.

P.S: Can anyone please recommend any good Code Editor for Android users? I tried finding Visual Studio Code on App store but unfortunately, there is no VSC on Android.

Community feedback

  • Vanza Setia•27,775
    @vanzasetiaPosted about 2 years ago

    Hi, Cornflakes! 👋

    There's no Visual Studio Code for Android. But, if you visit https://vscode.dev/ in the browser, you can try Visual Studio Code on your Android.

    For the code editor on Android, I recommend using Acode. Or if you really want a code editor on Android that looks like VS Code, then I recommend trying Spck Editor.

    Anyway, why do you want a code editor on your Android device?

    Marked as helpful
    1
    Vanza Setia•27,775
    @vanzasetiaPosted about 2 years ago

    @CornflakesPlus

    For mobile landscape view, it's okay for the site to have a vertical scrollbar. There's nothing wrong with it. 🙂

    0
    Cornflakes•290
    @CornflakesPlusPosted about 2 years ago

    Thanks for the recommendations, I'll check it out. I wanted to use it for the purpose of device orientation. To test out my designs on different landscapes and device widths.

    0
    Vanza Setia•27,775
    @vanzasetiaPosted about 2 years ago

    @CornflakesPlus

    Why don't just use the developer tool? If you are using Chrome, you can use the "Device Mode" to check the responsiveness of the site.

    Marked as helpful
    1

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord