Skip to content
OverviewSolutions
3
Comments
3

Natércio

@Natercio830 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

  • Carlyle-J•50
    @Carlyle-J
    What are you most proud of, and what would you do differently next time?

    Along the way of doing this project, I learnt a bit more about other CSS selectors that I implemented in setting the font-weight of all the span elements, except for one as shown in the CSS snippet below.

    span:not(.small-description){
    font-weight: 600;
}
    What challenges did you encounter, and how did you overcome them?

    With this project, I challenged myself to use the px measurement as little as possible, opting instead for relative units for margin, padding, font-size, etc. Rem and em were measurements I had not fully grasped before, but I now have a better understanding of their usage.

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

    Any feedback, tips or tricks would be greatly appreciated.

    Social Links Profile using flexbox

    1
    Natércio•30
    @Natercio8

    is it accessible, and what improvements could be made?

  • sparky9043•20
    @sparky9043
    What are you most proud of, and what would you do differently next time?

    After working on my CSS for a bit, this project felt much easier than before. Though I'm not sure if my code organization is as neat as it could be, I think I was able to understand the big picture and work my way down to the project. I also was able to start with "mobile-first" design by starting my project at 375px, even though there isn't much difference between mobile-first and desktop for this project.

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

    For this project, I had slight trouble with inserting the profile image by the name in the footer. However, I resolved the issue using inline-block display and then using flexbox around the container to align the items toward the center.

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

    I want to get professional opinions on how I can organize my code better including how to name the containers. Any kind of naming convention advice would be much appreciated.

    Blog Preview Card

    2
    Natércio•30
    @Natercio8

    Does the solution include semantic HTML?

  • Tahsin YT•270
    @Randomgituser69
    What are you most proud of, and what would you do differently next time?

    Proud of making it similar to what it looks in the picture of the design. Though I'd apologize for the photo not loading for some reason. Idk why it didn't it load. Btw not sure what would i do differently next time

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

    I was struggling with putting the card to the center but when i set the display to grid,place content, place items to center then it's fixed

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

    Guys how can i fix html img not showing on GitHub repository? Adding ./images/ to the href didn't even work. How do i fix it please please? I've never been so angry over this

    Finished QR code component

    3
    Natércio•30
    @Natercio8

    Does the layout look good on a range of screen sizes?