Rita

@ritapetillo
Miami
350Points

I’m a web developer living in Miami. Constantly looking for challenges to improve my design and learn new tricks.

All Comments

    • HTML
    • CSS
    • JS

    mobile first using bootstrap utility classes

    1
    Rita350 | Posted about 1 year agocommented on Keside Ezeala's "FAQ accordion card" solution

    Hi, Looks good! I'd suggest to give the faq container a higher lateral padding so that that the arrows are not that close to the border. The rest looks alright!

    0
    • HTML
    • CSS

    Using Bootstrap, HTML & CSS

    7
    Rita350 | Posted about 1 year agocommented on Tafnes Jiménez's "Social proof section" solution

    Hi, good job!

    The only thing, I would fix the responsiveness of the layout between width 400px to around 1250px. I can see some problems with both the hero section and the testimonial section below (the boxes alignment and the text inside boxes).

    1
    • HTML
    • CSS
    • JS
    • API

    Shorten your URLs with the help of JS and API

    2
    Rita350 | Posted about 1 year agocommented on Danson Muthami Maina's "URL shortening API landing page" solution

    Hi, you can check my solution. It's not perfect, but I think it's quite close to the original one. I've also implemented API. In the main.js file I commented everything step-by-step. https://www.frontendmentor.io/solutions/shortly-project-htmlcss-flexbox-grid-js-api-mobile-first-bGYkRtsuM

    0
    • HTML
    • CSS
    • JS

    Fylo dark frontend mentor

    1
    Rita350 | Posted about 1 year agocommented on Olotu samson's "Fylo dark theme landing page" solution

    Hi, I've checked your code and it's an easy fix. Your style.css file is in the root folder and not in a css folder. Therefore you should change the path to your css file in this way: <link rel="stylesheet" href="styles.css">

    and not <link rel="stylesheet" href="css/styles.css">

    0
    • HTML
    • CSS

    my very first challenge

    2
    Rita350 | Posted about 1 year agocommented on Aline's "Social proof section" solution

    Hi, the proper way to make your website responsive is setting up media queries. With media queries you can set up breakpoint and style certain elements based on the size of the screen (breakpoint).

    What I usually do is opening Chrome developer tools and check how the design of the page reacts when I shrink the page width. When I see that the design starts to be off, I write down the breakpoint and I write a media query to fix those elements of the page which don't behave appropriately for that screen size.

    In your code, if you want to make the website more responsive, you can try to write other media queries for different breakpoints.

    2