Skip to content
OverviewSolutions
8
Comments
9

lawless

@djlaw90United States130 points

A professional SEO trying to understand the web.

I’m currently learning...

Technical SEO, analytics, project management, FED, web design and web accessibility.

Latest solutions

View more solutions

Latest comments

  • P
    lawless•130
    @djlaw90Submitted 13 days ago
    What are you most proud of, and what would you do differently next time?

    I'm most proud of how it looks responsively. I would try to not use !important next time and make the CSS cleaner, and use <picture> for images in different viewport sizes. I would also try to start with the mobile version first.

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

    The biggest challenge were positioning the little numbers accurately and making the page mobile responsive.

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

    How to do mobile-first design effectively.

    Meet Landing page with mostly flexbox and a touch of grid

    2
    P
    lawless•130
    @djlaw90Posted 12 days ago

    Thanks I thought that was the case, I tried to fix and recommitted. Appreciate it!

    0
  • P
    lawless•130
    @djlaw90Posted 13 days ago

    I'm honestly floored by how precise this is to the mock. I have a lot to learn lol. Just wanted to say kudos and hope I can get on your level eventually!

    0
  • nilikopo•110
    @nilikopoSubmitted 18 days ago
    What challenges did you encounter, and how did you overcome them?

    using grid in general

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

    i would like to know how i can improve my code, especially how can i position content in .container better without using .container-outer with flex positioning

    testimonials-grid-section-main

    1
    P
    lawless•130
    @djlaw90Posted 18 days ago

    I did this on the <body> to center my grid rather than using flexbox. Pretty similar to what you did, really:

    display: grid; align-items: center;

    Marked as helpful
    1
  • MiloOliveira•70
    @MiloOliveiraSubmitted about 1 month ago
    What are you most proud of, and what would you do differently next time?

    Of understanding Grid and the command position, were super helpful with the icons

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

    To the desktop version, i didn't knew how to adjust the boxes, and i searched a lot. I just put 4 rows, instead of two, and use grid-area to move them

    Four card made with CSS grid

    1
    P
    lawless•130
    @djlaw90Posted about 1 month ago

    Looks good! I think for desktop, you may want to apply a max-width for the cards so they don't continue to stretch out in wider viewports. I would also add padding to the cards to match the design a little better. Mobile looks solid!

    1
  • P
    lawless•130
    @djlaw90Posted about 1 month ago

    Super close to the design, great work! The word breaks are a little different in desktop. I work in ecommerce and annoyingly this can matter to your stakeholders. Truly just about perfect though.

    0
  • user2830581•90
    @user2830581Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    Creating a solution that fits the brief and is responsive on smaller screens. Next time I would probably use Flexbox instead of relying on margins and padding to create a more uniform responsive solution.

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

    Trying to get the solution to look as close to the design without the Figma file.

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

    I think my CSS nesting is ok as it's now supported natively in most browsers but if it's bad practice or anything let me know!

    Recipe Page

    1
    P
    lawless•130
    @djlaw90Posted about 2 months ago

    This is spot-on to me, great work. only little thing is the top margin seems to be a bit much, but very much nitpicking.

    1
View more comments