appleseed9
@appleseed9All solutions
- Submitted 4 months ago
Class based solution for huddle landing page task
- HTML
- CSS
The 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.
- Submitted 4 months ago
Class based solution for single price grid component task
- HTML
- CSS
The most difficult part was making the box-shadow effect same as in the design and choosing the right color for it.
- Submitted 4 months ago
Class based solution for four card feature section task
- HTML
- CSS
The 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.
- Submitted 4 months ago
Class based solution for the order summary component task
- HTML
- CSS
The most difficult part was how to achieve pixel perfection.
- Submitted 4 months ago
Class based solution for profile card component
- HTML
- CSS
How 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.
- Submitted 4 months ago
Class based solution for 3 column preview card component
- HTML
- CSS
The most difficult part was making the text color look the same as in the design file, used
opacity
for that.For hover effects border was increasing the height of the container so i used
outline
. - Submitted 5 months ago
Class based solution for stats preview card component problem
- HTML
- CSS
The most difficult part was how to make the image right.
I used
mix-blend-mode
for the image and the background color, twofilter
for the image (brightness and contrast) and twofilter
for the background color (saturate, hue-rotate).If any kind soul knows simpler method let me know.
- Submitted 5 months ago
Class based solution for product preview card component challenge
- HTML
- CSS
The most difficult part was inserting svg icon as a pseudo-element. I didn't achieve that so i used standard
img
element.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.
- Submitted 5 months ago
Class based solution for recipe page challenge
- HTML
- CSS
The 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.
- Submitted 5 months ago
Class based solution for blog preview card
- HTML
- CSS
The 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.
- Submitted 6 months ago
Single page using flexbox
- HTML
- CSS
Container 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