Skip to content
OverviewSolutions
12
Comments
12
Aaliyan10
@Aaliyan10

All comments

  • Anton Vasilache•580
    @AntonvasilacheSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?
    • Completed the first challenge that includes JavaScript.
    • Implemented both clicking and keyboard functionality.
    • Faster completion of the static webpage part.
    • Should have used state variables.
    What challenges did you encounter, and how did you overcome them?
    • Creating the accordion with only one item open at a time - had to make use of extensive class manipulation to achieve the desired effect.
    • Adding keyboard navigation on top of the clicking functionality proved difficult due to the default behaviour of some events. Pressing Enter would focus the next item, so I managed to stop it using e.stopPropagation()
    • Adding dividers as div elements between the accordion items broke the keyboard navigation - had to remove them and add padding and border-bottom instead
    What specific areas of your project would you like help with?
    • There is probably a more efficient way of managing state for the opened/closed items.
    • Refactoring the code to something less repetitive.
    • Sizing the page elements with less reliance on media queries.

    FAQ accordion component using CSS Flex and Javascript

    1
    Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Great Work!

    1
  • Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Good Work

    0
  • Mukarram Haq•270
    @MukarramHaqSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    N/A

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

    N/A

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

    N/A

    Tip Calculator App HTML, TailwindCSS and JS

    1
    Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Great work

    0
  • Aaron Smith•280
    @medic-codeSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Getting the JS to work properly. Not sure there is much I'd change differently, process to creating this was actually relatively smooth. I'm not sure I did the overlapping cards particularly well as i had to constrain them quite abit it felt like there was probably a smarter way.

    There's a few parts of the design like icon placement i'd individually place using position absolute maybe and few parts where alignment is a little off.

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

    Not too many challenges, mostly smaller ones around overlapping cards and overflow.

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

    HTML semantics CSS - Structure, refactoring potential, feedback on the overlapping cards JS - syntax and approach to the problem.

    Responsive Dashboard

    2
    Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Nice work

    0
  • Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Good work, just need to change the background color of body

    0
  • javalzu•420
    @jaalzuSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    the way i make it. Really easy and fast

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

    nothing challenge.

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

    with nothing in particular.

    article preview

    1
    Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Use the flex grow property on both left and right side to adjust the widths and adjust the overall width of the container to create a similar design. Overall great work

    0
  • Alim Asiidik•80
    @alimassidik210Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    i am proud because i can use flexbox to arrange items in my project

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

    i can control the distribution of several items by using align self

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

    I can't use a display grid to write code, please give me some tricks

    responsive landing page with flexbox

    1
    Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Very great work

    0
  • Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Good work overall. You can use line height property to enhance your solution.

    0
  • Gita Ventyana•100
    @appsbygitaSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    Learned to style list item marker and spacing, and also table styling. Haven't done much work with those elements, so this was a good practice.

    What specific areas of your project would you like help with?
    • Need to practice more with font sizing using rem/em unit.
    • Also, not sure if I did a good job on the responsive image. I feel like there might be a better way to do it.

    Responsive Recipe Page using CSS Flexbox

    1
    Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Very good job

    0
  • Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Great Work

    0
  • gabgonsan712•90
    @gabgonsan712Submitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    I am proude because I learn to use flex, to make responsive pages, and I used it here, I think the next time I will go directly to use flex, instead of using position and widths and heights.

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

    My principal challenge was using the methods of flex, I had some problems with distribuiting the espace and the flex align-items. But I overcame those challenges.

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

    I would like if others could give me feedback on if used flex correctly since it is my first time using it

    Responsive Blog Preview Card using Flex

    1
    Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Your margin from the bottom is very high

    Marked as helpful
    0
  • Delfin FERNANDEZ•160
    @delfinjfbSubmitted 5 months ago
    What are you most proud of, and what would you do differently next time?

    First experience on FrontEnd Mentor. I had not had experienced with Figma. This made me think about getting a little tutorial about it. I got my Figma essential certification on linkedin learning

    As simple as this project is, the containers are important to be texted on all the browser. Simple as using only html and css.

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

    Getting used to the Figma application

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

    I'd love feedback on the trend of new technologies and best practices. Thanks

    Responsive QR component using Flexbox

    1
    Aaliyan10•190
    @Aaliyan10Posted 5 months ago

    Very good

    Marked as helpful
    0