Skip to content
OverviewSolutions
12
Comments
8

AlienInvade

@AlienInvadeSouth Africa180 points

I'm an individual with a passion for tech, I love to code and the hardships it comes with. Currently polishing my skills as a Full-Stack Web Developer to be more employable in the future.

Latest solutions

View more solutions

Latest comments

  • P
    Daniel Basilio•420
    @danielbasilio
    What are you most proud of, and what would you do differently next time?

    I'm very proud of the responsive layout made using CSS grid. In the future I would focus on improving the separation of components within sass

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

    I hadn't yet worked effectively with CS Grid. It was quite interesting and fun

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

    I believe that in the implementation of itcss and functions within sass

    Responsive Testimonials Grid Section using css flexbox and css grid

    #sass/scss#itcss
    1
    AlienInvade•180
    @AlienInvade

    Good Solution,

    I would suggest you change the background of the body to make the sections come out nicely.

  • P
    Daniel Basilio•420
    @danielbasilio
    What are you most proud of, and what would you do differently next time?

    I'm really enjoying working with itcss + sass.

    Next time, I believe I would focus on using a greater number of utility classes

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

    Working with responsive grids is very difficult, however, when reading some documentation that goes into great detail about both flexbox and grid, it is possible to do a satisfactory job

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

    I think it would be interesting to receive feedback about itcss and flexbox

    Responsive Four Card Feature Section sass and css flexbox

    #itcss#sass/scss#accessibility
    1
    AlienInvade•180
    @AlienInvade

    good solution.

    changing the body background-color to light gray will make your cards more visible

  • ljmanayon•90
    @ljmanayon
    What are you most proud of, and what would you do differently next time?
    • Learned about SASS and how to use variables and functions
    What challenges did you encounter, and how did you overcome them?
    • I was having a hard time doing the desktop view using Flexbox. I used CSS grid instead by watching videos online.
    What specific areas of your project would you like help with?
    • CSS Grid
    • SASS

    Responsive Product Preview Card Challenge

    #sass/scss#accessibility
    1
    AlienInvade•180
    @AlienInvade

    good solution.

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

    Mastering flexbox

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

    Media queries

    Recipe page main

    1
    AlienInvade•180
    @AlienInvade

    Hi, I would like to say Good Solution, Great job!!

    I would suggest that you put your media queries at the end of you code and all at once that way it will be able to read and understand instead of the way used it. Besides that, you got a good solution.

  • Hazel-David•260
    @Hazel-David
    What are you most proud of, and what would you do differently next time?

    That I have gotten a platform with like minded people. Next time i will try to collaborate with some members

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

    I am still on the verge of making my projects a bit responsive. Compared to my last project, I have tried to improve but I hit a dead end. but nothings bad in admitting trial. With the help of your valuable feedback. I believe I will overcome this menace of media queries.

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

    Hey guys media queries has proven to me a hard nut to crack. But here I am , with you guy any feedback is welcomed big or small

    social links using Html and Css

    1
    AlienInvade•180
    @AlienInvade

    Hi, Good Solution.

    I would suggest you use Semantic HTML, like <main>, <article> to make the website more accessible.

    Regarding media query you should use @media (min-width: 319px) and (max-width: 480px) this is for mobile devices, it's similar to what you have used. Inside the media query, you should input values less than the actual value for desktop. i.e. your .container width is 400px, so in the media query you should input less width pixels, like width: 300px; instead of the 100% width you used. if you need more insight reach out or look at my code.

    Hope this helps.

  • Gray0Boy•40
    @NoobBPS
    What are you most proud of, and what would you do differently next time?

    im proud because i can finish it.

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

    the challenge lies in managing the spacing between li lists.

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

    at ul lists.

    Social-link-card

    #accessibility#itcss#styled-components
    1
    AlienInvade•180
    @AlienInvade

    Use margin: auto; to center your image, that way it won't be bend like it has right now and padding: 20px; to give the image space around. The ul lists you should give them a margin-top: 20px; if you don't understand look at my code if you still don't get it let me know I will be happy to help.

View more comments