Skip to content
OverviewSolutions
2
Comments
2

Shane Coco

@SSGBC20 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • Donny•120
    @Donitron
    What are you most proud of, and what would you do differently next time?

    Most proud of how it is responsive and very satisfied with the hover animation.

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

    The challenge I encountered had to do with styling the image. I realized that styling the img element is really inconsistent so I added a div as a wrapper and styled that instead.

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

    How do you make the font size responsive without using media queries? Do you set the font-size with vw?

    Blog preview card with HTML and CSS

    1
    Shane Coco•20
    @SSGBC

    Job well done, the solution looks exactly like the design layout. The code is well laid out and appears to be reusable. I like that you used the universal selector in the CSS to turn the box sizing to border box. To make the font size responsive without using media queries you can use one of the 4 types of viewport units(VW, VH, VMIN, VMAX).

  • Syed Muhammad Zain Ul Abideen•20
    @imszain5
    What are you most proud of, and what would you do differently next time?

    I am proud of that by completing these projects it will enhance my skills and will help to gain valuable knowledge and hands on experience. I want to write more complex code next time .

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

    Little bit challanges I faced and I overcome it with the help of google. And That's it.

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

    It help me with the html and Css. And I gain valuable knowledge.

    I used Custom CSS in this project. I used Flex box instead of CSS Grid

    3
    Shane Coco•20
    @SSGBC

    Viewing the source code for the solution there are mostly div tags used in the HTML which could be updated to tags that have more semantic meaning. There are multiple classes create and there one of which is not used in the CSS style sheet. The HTML and CSS code are well structured and are readable. The solution does differ slightly from the design which can be corrected with a few tweaks to the CSS code.