Skip to content
OverviewSolutions
4
Comments
4

smgr7

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

Latest comments

  • ImMushroomsWeTrust•140
    @ImMushroomsWeTrust
    What are you most proud of, and what would you do differently next time?

    I was proud of adapting this page to the different screen-sizes as well as using variables as mush as possible in the combination with short-hand method, for setting the fonts up

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

    I was struggling with the proper gap between the ::maker symbol and the text itself, until I realized, that for the padding from the left of the container border, I should use .ingridients ul { padding-left: 24px; } Left padding for the li tag as a whole and .ingridients li { padding-left: 16px; } for the gap, between dot and the text

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

    I'm still not sure about using variables in the gaps and margins, etc. and also would like to make my code more adaptive, using rem em

    Responsive CSS page with many Lists and Grid

    1
    smgr7•40
    @smgr7

    Great job completing the challange! However, you're missing hr below Ingredients and Instructions.

  • smgr7•40
    @smgr7

    Great job! Only thing I noticed is you didn't use the font-weight given. You can also apply green background colour when hovering the social links.

  • smgr7•40
    @smgr7

    -I think it's better if you separate your html and css file. -Learning is not a button but a tag or category chip. -You forgot to add "Figtree" before sans-serif on your font family so it's not displaying the correct font. -Hover effects not implemented. -The card width for desktop is too big as well. -You can improve on your media queries.

  • Ojie Precious•10
    @OjPreshuz
    What are you most proud of, and what would you do differently next time?

    I'm most proud of successfully completing and deploying my first Frontend Mentor challenge using only HTML and CSS. It was exciting to see the final result closely match the provided design. If I were to do it again, I’d start with a clearer structure for my CSS and maybe try using CSS variables or SCSS for better maintainability.

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

    I initially had trouble aligning elements in the center of the page using Flexbox. After checking a few tutorials and experimenting with different properties, I got it working. I also ran into some issues pushing my project to GitHub and syncing with GitHub Pages, but after learning how to resolve merge conflicts and properly deploy, I overcame that too.

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

    I’d really appreciate feedback on my CSS file — especially regarding the layout and responsiveness. I want to know if there are any unnecessary rules, better ways to write them, or tips for making the project more mobile-friendly. Also, how can I improve my file structure for future projects?

    Frontend Mentor | QR Code Component Solution

    1
    smgr7•40
    @smgr7

    Well done completing the challenge!