@appleseed9
Submitted
What specific areas of your project would you like help with?
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
What specific areas of your project would you like help with?
The most difficult part was making the box-shadow effect same as in the design and choosing the right color for it.
Submitted
What specific areas of your project would you like help with?
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
Submitted
Submitted
What specific areas of your project would you like help with?
The most difficult part was how to achieve pixel perfection.
Submitted
What specific areas of your project would you like help with?
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
What specific areas of your project would you like help with?
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
What specific areas of your project would you like help with?
The most difficult part was how to make the image right.
I used mix-blend-mode for the image and the background color, two filter for the image (brightness and contrast) and two filter for the background color (saturate, hue-rotate).
If any kind soul knows simpler method let me know.
Submitted
What specific areas of your project would you like help with?
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
What challenges did you encounter, and how did you overcome them?
Found about ::marker pseudo-element, which was very usefull for the task at hand.
What specific areas of your project would you like help with?
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
What specific areas of your project would you like help with?
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
What challenges did you encounter, and how did you overcome them?
Most difficult part of my work process was how to compare the work and the design to be similar in terms of pixels.
Small breakthrough came when i started working with split browser windows.
Submitted
What specific areas of your project would you like help with?
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
