Skip to content
OverviewSolutions
15
Comments
13

Coder-Liz

@Coder-Liz210 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

View more solutions

Latest comments

  • Paradox•330
    @TarestaSubmitted 5 days ago
    What are you most proud of, and what would you do differently next time?

    I am not proud at all this time because I procrastinated too much on this project. I definitely would work on this problem of mine and be more diligent for my future projects.

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

    There were many as a matter of fact. The main one I could think of putting the logic behind this project into practice. I have written a detailed version in my README.ms file.

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

    I would welcome any suggestions. I am still working on code refactoring and would love to know how can I improve my code, feel free to point out any mistakes. I know I must have made a lot.

    Password Generator App

    #sass/scss
    1
    P
    Coder-Liz•210
    @Coder-LizPosted 1 day ago

    The link below contains my solution for this project. Maybe you can check and compare it to yours, and see how I structured my HTML, SCSS, and JavaScript. https://www.frontendmentor.io/solutions/password-generator-app-7G-OOB9fAx

    0
  • Alfi Zain•220
    @AlfiZainSubmitted 13 days ago
    What are you most proud of, and what would you do differently next time?

    calculate tips and create dynamic element values

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

    capture elements, take their values ​​and calculate them

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

    everything

    Tip Calculator App with SCSS

    #sass/scss
    1
    P
    Coder-Liz•210
    @Coder-LizPosted 4 days ago

    Congratulations! Your layout looks really good, but when I view your code, I notice that you structure your SCSS partials differently than I do.

    0
  • P
    Coder-Liz•210
    @Coder-LizPosted 7 days ago

    Your layout really looks good, and maybe next time you can use the Live Sass Compiler extension to compile your SCSS to CSS, which will streamline your workflow by automatically generating CSS files as you make changes to your SCSS files in Visual Studio Code.

    0
  • P
    Coder-Liz•210
    @Coder-LizPosted 10 days ago

    Congrats! Your layout really looks good, and I like how you style the CTA button on hover.

    0
  • P
    Coder-Liz•210
    @Coder-LizPosted 14 days ago

    Congrats for completing this challenge. I think your solution is better than mine.

    0
  • Zarak•100
    @zarakSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I used SASS this time to see if I could make my CSS more organised. I definitely think it helped, although I'm not quite sure whether I split my CSS properly across the layout and component files. That is, sometimes I was unsure whether something belonged in layout or component. I used a mix of CSS grid and flexbox. Initially I considered just using grid for everything. But then I thought maybe I could use flexbox as a way to indicate "This part of the layout is simple", whereas with grid things can get a bit more complicated. Of course if I later decide I need grid instead of flexbox I can just change it.

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

    The main challenge was trying to get the pictures to appear at the edge of the screen like in the mockup. I also realised that I was better of using width: 100% for the individual images instead of hard coding a width and height. I probably should have set a max-width: 100% now that I think about it.

    I just tried a bunch of different stuff and found something that looked alright. I thought it would be complicated making it responsive, but grid just makes responsiveness so convenient. Also, in the media queries things just kinda fell into place.

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

    I'd like help with the overall organisation of the CSS. Also, I'm wondering if the use of the translate transform is okay for the images in the header, or of there is an alternative approach that may work better.

    Meet landing page using SASS

    #sass/scss
    1
    P
    Coder-Liz•210
    @Coder-LizPosted 17 days ago

    Maybe consider using a CSS methodology like BEM (Block Element Modifier) for clear, organized CSS that's easier to understand and maintain.

    0
View more comments