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

mircodev

@mircodg60 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 receipe-page-main


    mircodev•60
    Submitted about 1 year ago

    Any feedback is appreciated.


    1 comment
  • Social-links-profile using html and css


    mircodev•60
    Submitted over 1 year ago

    Any feedback is appreciated.


    2 comments
  • Blog-preview-card using semantic html and css


    mircodev•60
    Submitted over 1 year ago

    Why the font-weight property on the button text is different than the paragraph one?


    1 comment
  • Qr-code-component


    mircodev•60
    Submitted over 1 year ago

    Any feedback is appreciated.


    1 comment

Latest comments

  • Duy Anh Le•120
    @leanhduy
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    Get a solution that's quite similar to the design image, without design files.

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

    Handle image size to look good on different screen sizes. My current method: Using vh unit to set the height of the image until it looks good for my eye, so it's quite personal-based, without any formula.

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

    I'm looking for any articles / guidances about best practices when working with image size for different screen sizes. If you could provide some, I would be very appreciated.

    Reponsive Recipe page with HTML, CSS only

    1
    mircodev•60
    @mircodg
    Posted about 1 year ago

    Hi, congrats for your submission! I think you did a pretty good job.

  • alfanarifian•20
    @alfanarifian
    Submitted over 1 year ago

    social-link

    1
    mircodev•60
    @mircodg
    Posted over 1 year ago

    Hi @alfanarifian, congratulations for your solution. I would give you some best practice tips for both html and css.

    In css is best to have a reset because any html attribute comes with default css properties. In order to be more consistent with box sizing and overall layout you can put the following code at the start of your css file:

    *{
        margin:0; 
        padding:0; 
        box-sizing: border-box;
    }
    

    If can also set the font family inside of it. Then for the html I suggest to use semantic tags like <header> , <main>, <footer>, and so on. Also try to do all the styling on the style.css and avoid doing so in the html for code readability.

    Other than that I think you did a really good job.

  • sajjad•20
    @sajjad8m3
    Submitted over 1 year ago

    html and css

    1
    mircodev•60
    @mircodg
    Posted over 1 year ago

    Hello @sajjad8m3, congratulations on completing this challenge.

    You did a really good job, HTML it's well-structured, but lacks a bit in semantics. If you want to make it more semantic, you can, for example, use <header> and <footer> tags.

  • Alesandrro•50
    @Alesandrro
    Submitted over 1 year ago

    Flexbox, position, pixels

    1
    mircodev•60
    @mircodg
    Posted over 1 year ago

    Hi, I think you did a pretty good job. Only thing I would do is:

    1. Make the container bigger to improve readability;
    2. Use semantic html tags.
    Marked as helpful

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