appleseed9
@appleseed9All solutions
Class based solution for huddle landing page task
Submitted about 1 year agoThe most difficult part for me in this project was making font-awesome to work. I ended up using the older version which worked without downloading.
The new font-awesome version simply didn't work when downloaded.
Class based solution for single price grid component task
Submitted about 1 year agoThe most difficult part was making the box-shadow effect same as in the design and choosing the right color for it.
Class based solution for four card feature section task
Submitted about 1 year agoThe most difficult thing for me on this project was how to get box-shadow right in terms of color used for shadow and in terms of size for shadows.
Class based solution for the order summary component task
Submitted about 1 year agoThe most difficult part was how to achieve pixel perfection.
Class based solution for profile card component
Submitted about 1 year agoHow to insert and position (scale) background circles in a way to look just like in the design, that was the most difficult part for me.
Should i use background images, or absolute positioning, or something else.
Class based solution for 3 column preview card component
Submitted about 1 year agoThe most difficult part was making the text color look the same as in the design file, used
opacityfor that.For hover effects border was increasing the height of the container so i used
outline.Class based solution for stats preview card component problem
Submitted about 1 year agoThe most difficult part was how to make the image right.
I used
mix-blend-modefor the image and the background color, twofilterfor the image (brightness and contrast) and twofilterfor the background color (saturate, hue-rotate).If any kind soul knows simpler method let me know.
Class based solution for product preview card component challenge
Submitted about 1 year agoThe most difficult part was inserting svg icon as a pseudo-element. I didn't achieve that so i used standard
imgelement.If any kind soul knows how to insert svg with pseudo-element as a more elegant solution, or even some better solution, it will be kindly appreciated.
Class based solution for recipe page challenge
Submitted about 1 year agoThe most difficult part was how to vertically align bullet with list text when list text has two rows.
Used absolute positioning on list text to align with the bullet, but that was suboptimal solution.
Class based solution for blog preview card
Submitted about 1 year agoThe biggest challenge for me in this project was how to increase fonts without media query, and could use help on this matter from some kind soul.
Single page using flexbox
Submitted about 1 year agoContainer size and fitting text
How best to discover container size in pixels, or the size of padding etc?
Most difficult thing for me was using max-width and max-height for the container size and making text and title look same size like in example.
My browsers have different settings for font enlargment, my OS also has larger (scaled) fonts, so i ended up with different views of the same thing in different browsers
