Skip to content
OverviewSolutions
16
Comments
16
P
Kristina
@frontend-en

All comments

  • King-Michael•70
    @KingOdoSubmitted 2 months ago
    What challenges did you encounter, and how did you overcome them?

    reviewing the DOM

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

    Getting some ideas on how to make the minus sign appear after clicking the plus sign

    faq-accordion-solution

    1
    Kristina•280
    @frontend-enPosted about 1 month ago

    good job

    0
  • Samiullah•440
    @samir-DeveSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    It was quite easy !

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

    I encountered no challenges

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

    It is well designed and complete, I don't think I would need help with it !

    CSS, HTML & JS

    1
    Kristina•280
    @frontend-enPosted about 2 months ago

    Hello, I hope this helps you.

    • The background should have a gradient.

    • The spacing on the desktop version should be different.

    • Add smoothness to the animations.

    • If none of the options are selected, the Thank you! window should not be displayed.

    • The README is not formatted.

    Overall, great job.

    0
  • kaoutar ouadih•800
    @kaoutar-ouadihSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of completing this project it was a little bit challenging but I did it!

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

    I encountered a lot of challenges during this project but also I learnt a lot.

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

    Anything that can help me improve.

    Front end quiz app

    1
    Kristina•280
    @frontend-enPosted 7 months ago

    Hi, hope this helps:

    You can use a javascript object to store all the necessary DOM elements there, and when you write code, refer to this object.

    This will speed up the application.

    0
  • Kristina•280
    @frontend-enPosted 7 months ago

    Good job )

    0
  • Benhemin•180
    @BenheminSubmitted 9 months ago

    I want my screen size changes to be smoother and for the proportions to remain the same. What is the best practice for handling different screen sizes and for dynamic resizing of elements?

    When using the figma files for project designs, I can see the exact pixel dimensions for different screen sizes (mobile, desktop), how can I use those values and handle screen size changes easily?

    Tip Calculator using HTML, CSS, & Javascript

    1
    Kristina•280
    @frontend-enPosted 7 months ago

    Hello, I hope my tips help you.

    1. No processing errors if 0 people
    2. If there are 0 people, then in tip NaN
    3. When you hover the mouse over the input, the layout moves. Try setting transparent borders by default
    4. It's good to write JS in a separate file
    5. var - considered an obsolete way to declare a variable. Use let and const
    6. Adding inline style is considered not a very good practice
    0
  • delroscol98•410
    @delroscol98Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    Super proud that I was able to overcome the CORS error by simply using VS Code Live Server extension. I am also proud of using JavaScript to dynamically insert data values into the appropriate places.

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

    Encountering CORS was not fun. Using Live Server was an absolute save!

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

    Could I have made my JS code more clean or neat? I was originally thinking of breaking the entire file into different functions: One for retrieving data; one for handling button states; one for dynamically inserting data. However, this method became too complicated and I found my logic all over the place.

    Any suggestions for making my code neater and cleaner would be appreciated.

    Time Tracking Dashboard

    1
    Kristina•280
    @frontend-enPosted 7 months ago

    Hope this helps you.

    1. To get rid of the bottom border in a card, you can use liner-gradient with colorStop.
    2. I like animation
    3. You can use import data from '../data.json' assert {type: 'json'}; so you don't have to use promises

    So, good job.

    0
  • Rizky•480
    @thomasshelbyyySubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    i added a simple loading animation and disable the button and the input while it's loading, in the future i will add the spinner animation in the loading

    Newsletter signup form with success message

    1
    Kristina•280
    @frontend-enPosted 7 months ago

    Hello, I think there is something that can be improved.

    1. Set up ledges in the card
    2. Change font size
    3. To use JavaScript for beautiful styles for validation, you can use the novalidate attribute for the form.
    4. When you click on Dismiss message - and go back - you need to clear the value of the input.
    1
  • Kristina•280
    @frontend-enPosted 7 months ago

    Hi, I hope this helps share - semantically it should be a button.

    Good job

    Marked as helpful
    0
  • Kayyrbek Perdebekov•130
    @kayyrbeksSubmitted over 1 year ago

    Hi everyone! 👋

    Finally after long time break I finished my first landing page and it was a little bit fun project! But I have a some question about decorative number element on page: how do it responsive? When I install 32px browser default font size, it crushed.

    Thanks for attention! I'll glad to see any feedback 😊.

    Meet landing page (use only HTML & CSS)

    1
    Kristina•280
    @frontend-enPosted 7 months ago

    Good job )

    0
  • CodeHeaven•160
    @twobottles2092Submitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    The layouts when using css grid, i just want to know more on the upcoming projects

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

    well i need to be acurate on the design, the text styles I manage to worked on it.

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

    the third section, Kira whittle sentence I cant align and on the other 2 sections, a little mess when adjusting font size or margin

    Testimonials Grid Section

    1
    Kristina•280
    @frontend-enPosted 7 months ago

    Good job!

    0
  • Sohag Mondal•80
    @sohagmnrSubmitted 7 months ago
    What are you most proud of, and what would you do differently next time?

    I learned new element and use in this project

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

    with align-items

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

    alignment

    Four card feature section with flexbox

    1
    Kristina•280
    @frontend-enPosted 7 months ago

    Hello, I hope the tips help.

    1. @media - best used at the very bottom.
    2. don’t use pixels for fonts, rem is better
    3. It’s better to download fonts from connect via font-face
    0
  • Paul Michael E.•150
    @mellinghSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    My first website that works, responsive!

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

    Responsiveness/media query

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

    Tips in General

    Product Preview Card with HTML and CSS only

    2
    Kristina•280
    @frontend-enPosted 8 months ago

    Good job )

    0