Skip to content
OverviewSolutions
28
Comments
3
Precious
@2peagles

All comments

  • aDev•280
    @Senkuu-MidoriyaSubmitted about 2 years ago

    Hi FEM, This was my take at this shortly challenge, I only did the frontend of it to work on my FE skills. I used TS, next, and styled-components to make this webpage.

    I struggled with positioning the image so it can be clipped a bit, formatting the code properly, and making it look more like the website with the little details such as the font size and weight, etc. I have not made it responsive and am only working on my desktop right now.

    Any advice, especially about doing what I did in an easier way, formatting my code better, or tips on how to style it better and more like the design, would be invaluable.

    Thanks to FEM for giving us such amazing designs and allowing us web devs to practice out skills for free, aDev😁

    shortly frontend only

    1
    Precious•490
    @2peaglesPosted almost 2 years ago

    I do agree I just finished this challenge as well the omg is a bit tricky at the top, but if you put a left:px; that should work. Hope it's helpful.

    0
  • Myro Joy Lee•120
    @myrojoyleeSubmitted almost 2 years ago

    Almost done my first ever week of coding!

    Here was my main issue in this one: How do I specify a width and height for both mobile and desktop version? Or is this not possible? I ended up getting mine sort of close to the desktop version upon stretching of the browser window but it is not really close to the mobile height dimension at all once you narrow it. Or will I learn to be better at this once I go along?

    I am consistently struggling with margins, padding, and borders. I feel like if I change one it moves everything in the wrong direction so I will definitely need more practice with other challenges to get those fully understood.

    Thanks to all those following me along :).

    Stats Preview Card with HTML and CSS

    2
    Precious•490
    @2peaglesPosted almost 2 years ago

    Looks perfect, the code is very easy to read the only thing I noticed was the h1 you can put a spam inside of that and change the color like that instead of doing h1 h1 h1 just to save a few lines of coding. I swear for a week of coding this is really good, I was all over the place 😂 I think I probably still am I started using grid and took Kevin Powell's responsive course. I feel like maybe if you try the calc property for paddings that might work. Hope that was helpful.

    Marked as helpful
    1
  • Myro Joy Lee•120
    @myrojoyleeSubmitted almost 2 years ago

    I tried my best to follow along Kevin Powell's tutorial. So, this is not my own work, as this was done on Day 2 of coding, with zero experience. I believe I got as far as getting the HTML boilerplate down, trying to set my divs, background color, and image there, but had no clue how to proceed with anything else. So, here's my first foray into following a youtube tutorial! :D

    Product Preview Card using HTML and CSS (Kevin Powell's walkthrough)

    1
    Precious•490
    @2peaglesPosted almost 2 years ago

    It's really really good for a beginner! I love Kevin which I would have found him sooner I tried to do it in my own so far I'm almost a year in😭 just cam evack from a three month break, but again this was spot on! It's ok to use other people's code as long as it makes senses to you! The more you code the more you will understand muscle memory I guess.

    Marked as helpful
    1