Skip to content
OverviewSolutions
5
Comments
4
P
Illia Liashko
@Illia-L

All comments

  • Tksmith•240
    @Tksmith-guruSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I was able to complete this effortlessly

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

    None to be precise

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

    Nothing in particular

    Four Card Section App

    1
    Illia Liashko•70
    @Illia-LPosted about 2 months ago

    Pretty good job! Obviously you have successfully implemented:

    • the main visual structure, colors, fonts;
    • specific disigns for desktop and mobile;
    • semantic tags in html.

    To make your solution shine reflect on the following:

    • one h1 tag per page;
    • list of cards is actualy a list, so, think of tag for it;
    • double check spaces and sizes, provided by design;
    • according to design, cards have shadows;

    We are practicing or future developers. Designers draw, they are tought to draw. Developers implement as close, as possible to design, we are tought to implement ;).

    Happy coding!

    1
  • BenasUrba•50
    @BenasUrbaSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Completed this at a good pace, learned a little bit more about how flex works and the use of text-align as I was having problems centering the text of the links. Also works well with responsiveness and did not take as long to code the media changes as my previous projects.

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

    Centering the text of the links such as GitHub was giving me issues, I tried various methods, but it seems all it took was a text-align statement. Furthermore, I had to ensure a good margin and padding between the different elements and components to ensure good structure.

    Responsive Social Links Component

    1
    Illia Liashko•70
    @Illia-LPosted about 2 months ago

    Good job! Seems, like you have successfully implemented colors, spaces and responsive design.

    To make your sulution even better, consider the following:

    • apply transition effects on hovering (smooth color changing);
    • list of socials is actually a list, so think of semantic tag for it;
    • social items are supposed to lead to other sites, so, also there is a tag for it.

    Good luck and happy coding!

    0
  • Justina-R•20
    @Justina-RSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I’m most proud of my progress and how I’ve effectively utilized resources. Next time, I’ll focus on continuous improvement to keep growing even more.

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

    I wanted to try different methods for adding fonts and creating a more responsive design without relying heavily on media queries. It was challenging since I didn’t have much knowledge in that area, but with some research, I was able to solve it.

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

    As I mentioned in other challenges, my biggest concern is with responsive design and whether I’m applying it correctly. I’d appreciate help in that area.

    Blog card using HTML & CSS

    2
    Illia Liashko•70
    @Illia-LPosted about 2 months ago

    Well done!

    Seems, like everything is ok with fonts and colors.

    The ways to improve:

    • check component behavior in different screen sizes, I noticed some issues;
    • consider using meaningfull html tags for headers and paragraphs instead of <div>, remember, some people use assistive technologies to read web sites.
    Marked as helpful
    0
  • gjrestifo•30
    @gjrestifoSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I learned a lot about various CSS elements and how to include multiple font weights when importing a font from the Google API.

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

    I'm still a little unsure about the positioning of the card in the screen.

    QR Code Component

    3
    Illia Liashko•70
    @Illia-LPosted about 2 months ago

    Consider meaningful tags and class names for the following:

    • div.content -> section.qr-section;
    • div.text -> div.qr-data;
    • div.text-preset-1 -> div.qr-title;
    • div.text-preset-2 -> div.qr-description;

    Some sizes differ from design:

    • the component is not centered verticaly;
    • component is bigger;
    • the card visually has different top and side paddings.
    0