Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
6
Comments
2

Maylay

@Maylayloo120 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Responsive advice generator


    Maylay•120
    Submitted almost 2 years ago

    0 comments
  • Huddle landing page made with HTML and CSS


    Maylay•120
    Submitted almost 2 years ago

    0 comments
  • InteractiveCard desktop solution (only for 1440px x 900px)


    Maylay•120
    Submitted over 2 years ago

    0 comments
  • Product Preview Desktop Solution


    Maylay•120
    Submitted almost 3 years ago

    1 comment
  • Profile Component Solution


    Maylay•120
    Submitted almost 3 years ago

    2 comments
  • QR Code Desktop Solution


    Maylay•120
    Submitted almost 3 years ago

    2 comments

Latest comments

  • 1deadjoe•370
    @1deadjoe
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am proud that I was able to handle using flexbox to position my web content.

    What challenges did you encounter, and how did you overcome them?

    I had a challenge getting to posion my content but the linked learning helped me through it.

    What specific areas of your project would you like help with?

    I would like to better understand the version control and workflow

    QR CODE PAGE USING HTML AND CSS

    1
    Maylay•120
    @Maylayloo
    Posted about 1 year ago

    Hello, great job! I would suggest to put css code in .css file and link it in HTML to maintain project clean. Also for starters try to avoid coding like <h2 style="..">, just put h2 { } in css or give it a class/ an id. Try to center your '.attribution a' text as an additional challenge :D (try with text-align, but not on container); Congrats on your solve and keep going!

    Marked as helpful
  • Ahmet Hakan•80
    @ahmetwithat
    Submitted almost 2 years ago

    Responsive component with CSS Grid and Flexbox -- kind of mobile first

    1
    Maylay•120
    @Maylayloo
    Posted almost 2 years ago

    Try to avoid working with px, get familiar with "rem" instead. Also with margins try to use %, so website would be more responsive. If you need to change your layout in some ways for smaller screens use @media (max-width: <pixels>) { your code }. In "your code" you re-write your elements which you need to be changed on devices with smaller screen width than <pixels>. For instance: #wrapper { display: flex; flex-direction: column } #main-text { font-size: 1rem; } @media(max-width: 784px) { #wrapper { flex-direction: row } #main-text {font-size: 1.2rem; padding: 2%} }. Hope you understand :)

    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

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