Skip to content
OverviewSolutions
11
Comments
9
Craowx
@Craowx

All comments

  • Kitalphar•170
    @KitalpharSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Not really proud of anything, i feel like if i would do this challenge again i would probably try to write it much cleaner with less as i feel this ended up being too tardy.

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

    Had to rewrite the link section a couple times as my ideas didn't really want to work as intended. I have a feeling there is some sort of "best practice" or "proven method" i should have been using here which i wasn't aware of, so that is something i should be figuring out.

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

    I'm curious if what i've ended up with for the social links section is passable or not. I didn't really know what to do here, i was just trying to come up with solutions while referencing the design pictures until one ended up working.

    Article preview component

    1
    Craowx•180
    @CraowxPosted 3 months ago

    I really like your solution!

    0
  • Craowx•180
    @CraowxPosted 3 months ago

    Great job! Almost pixel perfect. Super clean code, easy to follow :)

    0
  • JL10•260
    @JLizcano10Submitted 4 months ago
    What challenges did you encounter, and how did you overcome them?

    I'm still struggling with Css grid but I know that with more exercises, I will get used to using this box model.

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

    tips on the realization or approach to the use of css grid

    Testimonial grid section with Sass and Css Grid

    1
    Craowx•180
    @CraowxPosted 4 months ago

    Good solution. Great work with scss. The site is responsive and thats the goal so great work!

    1
  • Craowx•180
    @CraowxPosted 4 months ago

    Good solution, does the job. I would look into more semantic html for better accessability. Otherwise I like your solution. Also I would say that it's good to start practicing commenting the code for an easier over look.

    0
  • OL•40
    @OlamideLanreSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am most proud of the responsiveness because I used the mobile first approach. This approach reduced the line of codes I have in my css media query.

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

    Changing the image based on the screen size was one of the challenge I faced. But, I over came by searching on the internet and finding the right css property to achieve what I was after

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

    The cart icon in the add to cart button isn't fixed on tablet to desktop but it is on mobile screen. Here's the CSS for tablet/desktop .cart { position: absolute; right: 44%; margin-top: 30px; } On mobile its in the right position but on tablet/desktop screen size it gives space between the icon and "add to cart" text. How do I fix this issue?

    Product preview card component

    1
    Craowx•180
    @CraowxPosted 4 months ago

    I would recommend checking out css variables for cleaner code. I think it's a good try to replicate the project even though it's not pixel perfect it's your version of it. Good job, try practicing responsiveness a bit more

    0
  • Dimitrios Dristellas•590
    @dimitrisdrSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I want to push myself harder on practicing the things that I am not comfortable with. Especially concepts that are related to variable fonts.

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

    I wasn't able to apply correctly the font variable. I don't think that i have fully understood this concept.

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

    As i mentioned previously I am not comfortable of using the variable fonts. Also I am not sure if I can use the google fonts links directly.

    Recipe page main

    1
    Craowx•180
    @CraowxPosted 4 months ago

    Good semantic HTML and very well structured code. The CSS could use some comments for a better readability.

    1
  • Craowx•180
    @CraowxPosted 4 months ago

    The code is really clean and easy to follow

    Marked as helpful
    1
  • simgeduru•50
    @simgeduruSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I coded faster than the previous time.

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

    I had a hard time adjusting the shadow size for phone and desktop. I solved it with the media query.

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

    how can I adjust the shadow size without the need for media query? thank you for your help

    Responsive with flex and max-width

    3
    Craowx•180
    @CraowxPosted 4 months ago

    Great solution

    Marked as helpful
    0
  • Craowx•180
    @CraowxPosted 4 months ago

    Good job, well structured code

    Marked as helpful
    0