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

meredithincode

@meredithincode90 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

  • Product Preview Card


    meredithincode•90
    Submitted 11 months ago

    The responsiveness between desktop and mobile works in every browser except Opera. I'm struggling to figure out a solution as my code is correct, but even after inspecting it in Opera, there are no errors in dev tools, and everything looks correct. I'm curious how to solve this.


    4 comments
  • Recipe Card page using HTML, CSS


    meredithincode•90
    Submitted 12 months ago

    1 comment
  • Social Links Profile with HTML and CSS


    meredithincode•90
    Submitted 12 months ago

    I'm not sure why my screenshot on frontendmentor isn't displaying my avatar image properly. As you can see from my live site and github, my code is correct and all is working.


    1 comment
  • Blog Card Template with HTML and CSS


    meredithincode•90
    Submitted 12 months ago

    I'd like to know how to implement a solution to have the text change sizes specifically on mobile devices.


    1 comment
  • QR Code Landing Page


    meredithincode•90
    Submitted 12 months ago

    1 comment

Latest comments

  • Muhammad Naeemuddin•100
    @NaeemSlayer
    Submitted 11 months ago
    What challenges did you encounter, and how did you overcome them?

    making the picture change with the layout

    Product preview card component using HTML & CSS

    1
    meredithincode•90
    @meredithincode
    Posted 11 months ago

    Great job at getting the responsiveness working. One of the things I can see that could be improved would be the font weight of the main price. You can see that in the original design there is heavier font weight to give emphasis to the new price. Other than that, great work! I hope this helps!

    Marked as helpful
  • Omer Muhammad•100
    @MaskeyDude
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    Completing it :) and I'll try making it more organized...

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

    Not knowing how to style the markdowns of list but I did it so yay...

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

    Um... how do I take a proper mobile version's screenshot

    Recipe Page

    1
    meredithincode•90
    @meredithincode
    Posted 12 months ago

    Great work, looks very much like the original design! Minor change, the bold in the instructions section in the original design looks slightly darker. Other than that, looks perfect!

    Marked as helpful
  • Rahimthedev•90
    @Rahimthedev
    Submitted 12 months ago
    What are you most proud of, and what would you do differently next time?

    I am happy that I did this challenge without any help.

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

    Sometimes I have trouble with the responsive part but I will try. I will pay more attention to the responsive part in future challenges.

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

    None

    Social Links Profile Solution

    1
    meredithincode•90
    @meredithincode
    Posted 12 months ago

    Fantastic work! Looks almost exact. The biggest difference I can see is that the height of the background link colors is a bit more on the original design, and yours is a little thinner.

  • Vinncent Miller•150
    @centralparkshark
    Submitted 12 months ago

    Blog Preview Card Using Flexbox

    1
    meredithincode•90
    @meredithincode
    Posted 12 months ago

    Excellent job! I can't tell the difference between yours and the original file, which shows you know your HTML and CSS.

  • colleennicole223•30
    @colleennicole223
    Submitted 12 months ago
    What challenges did you encounter, and how did you overcome them?

    Haven't used a shadow box yet, I had to look it up on MDN web docs to make sure I was handling it correctly 😅

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

    I defined my colors as CSS variables in the body{} section, is there a more traditional way to assign 'changing' variables in CSS - or is this the way to go?

    Responsive QR code component using Flexbox

    1
    meredithincode•90
    @meredithincode
    Posted 12 months ago

    HTML looks great and exact, you did a great job on this. Updating the HTML to include a main section looks like it was a big improvement to the CSS. It also looks like you've implemented the shadow box since your original upload. To answer your question about the CSS, it would be in the "main" section, which it looks like you've gone ahead and implemented already. Great work!

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

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