Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
14
Comments
4
AM46
@amallen1

All comments

  • Carlos E Alford•285
    @webshuriken
    Submitted almost 4 years ago

    Mobile first approach, Semantic HTML, Responsive CSS with SASS

    1
    AM46•290
    @amallen1
    Posted almost 4 years ago

    First of all, I think your solution looks very good compared to the original design. Your HTML and SASS code is clean and concise as well. I think an extra challenge would be to make your solution a bit more responsive for devices with screen sizes that are larger than mobile but smaller than desktop. (Greater than 375px but less than 990px)

    Also, it's very good that you are learning sass best practices such as separating your files so it's a little more organized. I use sass myself and I'm just now learning that :)

    A video that I've found that has been super helpful with learning more about sass is from a well known Youtuber who's actively involved in web development: https://www.youtube.com/watch?v=nu5mdN2JIwM&ab_channel=TraversyMedia

    Hope this helps, great job!

    Marked as helpful
  • Tristan•175
    @xtris-dev
    Submitted almost 4 years ago

    Responsive Order Summary Challenge - HTML/CSS

    3
    AM46•290
    @amallen1
    Posted almost 4 years ago

    Hi Tristan, I think this is an amazing solution to your first challenge. I'm very impressed with how similar it is to the original design especially considering you don't have a pro subscription! I also looked at the code and its very clean and easily readable, great job!

    Marked as helpful
  • Shivani Badola•60
    @Shivani1917
    Submitted almost 4 years ago

    HTML and CSS

    3
    AM46•290
    @amallen1
    Posted almost 4 years ago

    Just like Nathan said, you can use the background-image property to add the wavy pattern. Also I highly recommend that you take a look at FreeCodeCamp's Introduction to Web Design video, it will really help you to understand responsiveness and you will greatly improve :)

    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub