Skip to content
OverviewSolutions
23
Comments
11
PYXHD
@PYXHD

All comments

  • AymaneOnline•330
    @AymaneOnlineSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    I've found this challenge to be the hardest one at the newbie level.

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

    The JavaScript part wasn't the most difficult, instead it was figuring out how to adjust the share box that appears when you click the share button.

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

    I'm willing to see solutions for this challenge from the others users to check if there's an easiest way to do the styling.

    article-preview-component-master

    1
    PYXHD•270
    @PYXHDPosted 3 months ago

    Good one

    1
  • PYXHD•270
    @PYXHDPosted 3 months ago

    Which tool did you use ? The fonts looks inexact. However the grid seems good.

    0
  • PYXHD•270
    @PYXHDPosted 3 months ago

    Looks good

    0
  • Kitalphar•170
    @KitalpharSubmitted 3 months ago
    What challenges did you encounter, and how did you overcome them?

    First time using srcset on images and it took some back and forth to get it working, on the mobile design the image also seems to behave a little differently on chrome and firefox, i didn't manage to figure out why.

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

    I suppose the only thing i'm wondering about is the srcset, should i have nested the img in a picture element instead, or am i going at it completely wrong?

    Product preview card component

    2
    PYXHD•270
    @PYXHDPosted 3 months ago

    Perfect

    0
  • Ronan•310
    @CannyRoSubmitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    It's the first challenge I've submitted and I'm proud of myself for that. For me, it's the start of a new dynamic.

    Technically, I started with the 100% mobile version before tackling the tablet and desktop versions. Perhaps I should create the 3 versions in parallel, to make sure I have an html structure adapted to all devices.

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

    Stylize ordered lists, unordered lists, hr and tables.

    MDN Web Doc , W3Schools and CSS-Tricks were my best friends.

    And I finally use

    • a stylized div instead of a hr
    • a stylized span instead of a li::marker
    What specific areas of your project would you like help with?

    I'd like a more efficient CSS structure that respects certain nomenclature such as the BEM methodology or others...

    Mobile-first solution using semantic HTML and CSS

    1
    PYXHD•270
    @PYXHDPosted 3 months ago

    Great !

    1
  • Stefan W.•130
    @stewil87Submitted 3 months ago
    What are you most proud of, and what would you do differently next time?

    Proud might be overestimated, I tried media prefer light mode for secondary color palette.

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

    I did it without figma subscription and used paint.net for measurements with the jpgs, so the font sizes etc. are imaginary based.

    Social links profile solution with flex and lightmode

    1
    PYXHD•270
    @PYXHDPosted 3 months ago

    Good one. I didn't learn the SASS that you use with "@forward". I'm going to look at it.

    1
  • PYXHD•270
    @PYXHDPosted 3 months ago

    To the nearest millimeter, I love it !

    1
  • PYXHD•270
    @PYXHDPosted 3 months ago

    Good one

    0
  • Lena•230
    @lenanle333Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Im proud of using what I learned about Sass from the previous challenge to implement into this challenge. I'm also proud of implementing a little animation for the card.

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

    The illustration svg that was included wouldn't size down correctly which messed up the border radius styling. I converted the svg into a jpeg, but in turn the image's resolution was not as great.

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

    I want to know how other people resolved the border radius situation with the illustration svg

    Sass Animation and HTML Preview Card

    1
    PYXHD•270
    @PYXHDPosted 8 months ago

    Hi! Your animation is pretty good ! I'm kind of jealous :)

    1
  • PYXHD•270
    @PYXHDPosted 8 months ago

    Hey, good work, but just some advices:

    • put "height: 100vh" to your body, but don't forget to resize it in the mobile media query
    • your images are distored, try to fix it ;)
    0
  • PYXHD•270
    @PYXHDPosted 8 months ago

    Hey, good work. Just try to resize your button in % and not with a fixed width, it will be more responsive ;).

    0