Luis Colina

@Comet466
Venezuela
288Points

started my web development path in January of 2021

I'm currently learning...

Javascript and css

Latest Solutions

  • Desktop design screenshot for the Social media dashboard with theme switcher coding challenge
    • HTML
    • CSS
    • JS

    Social media dashboard with theme switcher | CSS, JS, HTML

    Luis Colina288Submitted

    God i had a lot of fun with this challenge, its something about the grid layouts i always enjoy building them, i have a doubt about the use of a color in the in the style guide called "Top BG Pattern" i just didn't quite find his place, i believe i did a good job in the JS part of the code and a didn't knew how to put a border gradient so just created a new container and styled it to make it look like one, thanks for reading and wish you a good day

    View Solution
  • Desktop design screenshot for the Fylo data storage component coding challenge
    • HTML
    • CSS

    Fylo Slider (Interactive) Component | Css, JS, HTML.

    Luis Colina288Submitted

    i know that the instruction didn't said anything about making the slider interactive, but if the purpose of the component is to show the amount of free space left it could come handy, any kind of feedback would be appreciate, happy coding

    View Solution
  • Desktop design screenshot for the Interactive pricing component coding challenge
    • HTML
    • CSS
    • JS

    Mobile First Interactive Pricing Component Using Vanilla JS/CSS

    Luis Colina288Submitted

    Hi, just completed this challenge let me know what you think, i think it hits pretty close to the mark, would love to hear a better way to make the JS part of the code, i feel like a repeated myself a little too much (against the DRY rule what a sacrilege) i'm sure somebody will tell me a better way but it does the job, changes the price for every plan it applies the discount if clicked, anyway have a good day.

    View Solution
  • Desktop design screenshot for the Stats preview card component coding challenge
    • HTML
    • CSS

    Stats Preview Card with Grid and Flexbox

    Luis Colina288Submitted

    Hi, just completed this challenge i think it hits pretty close to the mark even thou the image doesn't have the background color (it has it but with opacity, i put a colored screen to give color to the image) pretty sure there's a better way to put color on a background image but that was what i came out with, surely someone will tell me a better way to do it, any kind of feedback will be appreciate, happy coding

    View Solution
  • Desktop design screenshot for the Blogr landing page coding challenge
    • HTML
    • CSS
    • JS

    Blogr with css js and html

    Luis Colina288Submitted
    View Solution
  • Desktop design screenshot for the 3-column preview card component coding challenge

Latest Comments

  • Luis Colina has commented on Christopher's "faq-accordion Mobile First, JS vanilla." solution

    0

    Nice work on this challenge Christopher, just a few things to point out

    • if you open more than one question tag, the content overflow the card you can fix this by just making the JS close the tag on opening of another or you can declare the height of the card with a relative unit like "%"
    • the card components needs a box shadow -the image in the mobile viewport is just centered between 390px and 430px

    happy coding

  • Luis Colina has commented on Mojtaba's "fylo-data-storage-component-master" solution

    1

    hi Mojtaba, good work on this challenge it looks really close to the intended design, just wanted to point out a few details that you might had miss 1. the mobile background has this black sport between 846px and 346px width that damage the presentation of the layout 2.the icons of the package container are not align, you could fix this just by adding a display:flex;align-items:center to the icons container 3.triangle of the floater looks a little off

    happy coding!

  • Luis Colina has commented on Alexey's "Easybank Landing Page" solution

    0

    good work on this challenge alexey looks sweet, i like the touch that the animation give to the layout, i see there's an image that is different from the rest you can fixed it by just declaring a "max-height" in the ".card-img-top" class, in this way you make 100% sure that all the image's are always in the right place, the hover elements of the social media looks kind of off too, you could fixed by just declaring the hover directly on the image, anyways good job and happy coding

  • Luis Colina has commented on Thompson Urhiofe's "Responsive card component using HTML5, SCSS, CSS" solution

    0

    hello Urhiofe, you solution looks great! There's a litte poblem with the linking of the css you need to use the route "css/style.css" instead of "/css/style.css" you can see what a little mistake like that one can do, it happens, the same with the image url that you find in the css, in the mobile version the information stats elements need to show in a single column, and a little padding in the body would help the mobile version too, other than that looks good and is responsive, happy coding