P

Roy

@royschrauwenU0251DLTSP6
Rotterdam, The Netherlands
145Points

šŸ’» I am self-learning HTML, CSS and JavaScript at the moment, but as of September 2021 I will be going to school to learn Software Development as an Associate Degree education šŸŽ’. Please feel free to give me tips and tricks or just say hi. šŸ˜Š Have a nice day! šŸ™‹ā€ā™‚ļø

Iā€™m currently learning...

HTML CSS JavaScript

Latest Solutions

  • Desktop design screenshot for the Article preview component coding challenge

    Article Preview Component - Did I make this accessible enough?

    • HTML
    • CSS
    • JS
    1
    P
    Roy145
    Submitted

    Hello everyone! šŸ‘‹

    Woohoo! This is solution number ten for me šŸŽ‰

    I have been self-learing since May 2021 and besides just learning about HTML, CSS and JS, I am also trying to learn about accessibility and responsiveness.

    ā“ļø Specific Questions

    1. I ran my first solution for this challenge through an Color Contrast Accessibility Validator and the colours in the design did not have a high enough contrast, so I converted the colours to HSL and lowered the lightness untill they passed. Is that ok? Is this something you usually discuss with the designer?

    2. I also made the font slightly bigger for better readability. Ok or also a designer choice to make it, in my opinion, too small?

    3. I changed the outline when the button gets focus to a color from the design. Is this a good thing to do of better leave it alone?

    4. Did I give every item that needs accessibility label and alt, etc, in the right way?

    I would much like to become a better developer, so any advice you can give me is very welcome, also if it does not regard my specific questions.

    Have a nice day! šŸ™‹ā€ā™‚ļø

  • Desktop design screenshot for the Ping single column coming soon page coding challenge

    PING Coming Soon Page: Did I make it responsive and accessible enough?

    • HTML
    • CSS
    • JS
    4
    P
    Roy145
    Submitted

    Hello everyone! šŸ‘‹

    I love doing all these challenges and finished another one, it's my ninth one! šŸŽ‰

    I have been self-learing HTML and CSS since May 2021 and I want to become a developer, so any constructive criticism is very welcome. šŸ˜Š

    ā“ļø Specific Questions ā“ļø

    1. I wanted to make this one as responsive as possible. I think I managed to do that, but please give me tips on how to improve or point out things where I did a good job.

    2. I tried to take accessibility into account when making this page. I have no experience with it, so please tell me what I did right and where I can improve.

    Thank you very much for any support you can give me. I love all the small tips and tricks the community gives me. šŸ™

    Have a nice day! šŸ™‹ā€ā™‚ļø

  • Desktop design screenshot for the Meet landing page coding challenge

    Meet Landing Page - How to make it better responsive?

    • HTML
    • CSS
    0
    P
    Roy145
    Submitted

    Hello everyone! šŸ‘‹

    I finished another challenge! šŸŽ‰

    It was a lot of fun, even though (or maybe because) they get a little more challenging šŸ’Ŗ

    Questions

    1. I have a hard time not using fixed widths and heights. I tried different ways (min- and max- and % and vw and rem). Can anybody give me some good pointers please?

    2. The 4 squarish images look good in FireFox, but not in Chrome (too big and the outer one are cut off). Can anybody tell me why that is?

    Thank you very much for any support you can give me. I have been self-learing HTML and CSS since May 2021 and I want to become a developer, so any constructive criticism is very welcome. šŸ˜Š

    Have a nice day! šŸ™‹ā€ā™‚ļø

    Update: I fixed my second problem with the help of the Frontend Mentor Community on Slack šŸ™ and am learning to understand how to fix the first one.

  • Desktop design screenshot for the Four card feature section coding challenge

    Four card feature section - HTML, CSS, Flexbox, Mobile First

    • HTML
    • CSS
    4
    P
    Roy145
    Submitted

    I tried making the Mobile version first and after that adjusting the stuff for Desktop.

    I have been self-learing HTML and CSS since May 2021 and I want to become a developer, so any constructive criticism is very welcome. šŸ˜Š

  • Desktop design screenshot for the Social proof section coding challenge

    Social proof section - HTML, CSS, Flexbox, Grid

    • HTML
    • CSS
    1
    P
    Roy145
    Submitted

    I had a hard time with the positioning of all the objects, but in the end I made something that looks somewhat like the design.

    I have been self-learing HTML and CSS since May 2021 and I want to become a developer, so any constructive criticism is very welcome. šŸ˜Š

  • Desktop design screenshot for the Huddle landing page with a single introductory section coding challenge

    Huddle landing page - In HTML and CSS

    • HTML
    • CSS
    5
    P
    Roy145
    Submitted

    I tried learning and using the BEM Naming Convention, but I am not sure I did it the right way. It would be very helpful to me if anybody can give me some pointers.

    Also: How can I center the Font-Awesome Social icons properly inside of the circles?

    I have been self-learing HTML and CSS since May 2021 and I want to become a developer, so any constructive criticism is very welcome. šŸ˜Š

Latest Comments

    • HTML
    • CSS

    Card component using HTML CSS Bootstrap

    1
    P
    Roy145ā€‚|ā€‚Posted 7 months agocommented on Huu Ninh's "Stats preview card component" solution

    Great job on finishing a challenge.

    I also just finished this challenge so I know all the struggles. I see in your code you took a different direction than I did. I like seeing that, it tells me there are more roads leading to Rome.

    Your site switches over to the mobile view, so that is also a success. Maybe you could check at what moment it switches. For my taste it can be a bit earlier. I think you can also improve your solution by carefully checking the fonts. You might have missed something there.

    I am also just a beginner, so that is all the tips I can give you. I hope you find them helpful.

    Keep on coding and have a nice day! :-)

    0