Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
10
Comments
10
davidmoreau2
@davidmoreau2

All comments

  • Akash Mishra•160
    @akashmishrahaha
    Submitted about 1 year ago

    Responsive blog preview page

    1
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    everything looks great except for the size of the element. it looks like you shrunk everything down to a slightly smaller size. i think this may be do to the way you did your @media. build the site so it looks good on mobile or tablets first then size everything up for desktop. code is very clean and easy to read, great descriptive classes.

  • Abdulrahman Suleiman Boyi•80
    @ABoyiSuleiman38971
    Submitted about 1 year ago

    QR Code

    #accessibility
    2
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    use margin auto to position the element into the center of the screen. other than that it looks great. correct sizing and colors across the board

  • Nadji CHABANE•590
    @CHBNDJ
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    NONE

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

    NONE

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

    NONE

    Meet Landing page using MEDIA QUERIES

    1
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    looks great, the only issue i see is with view of the hero images on the left and right. I was not able to figure that part out so yours still looks nicer than mine.

  • Chai•450
    @chaithawat21
    Submitted about 1 year ago

    testimonials grid section main using display grid

    1
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    looks great. code is also very clean, will definitely be book marking your github so i can look through it as an example of what should be done.

  • leodev•570
    @hangtime319
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    In this project I learned a lot about grid layout. It seems like it's an easier layout to adjust than flexbox, but it's limited. I didn't have many difficulties applying responsiveness.

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

    I found few difficulties applying grid layout. But next time I will use other grid layout resources so I don't need to use media queries.

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

    Suggestions on how to simplify the grid layout.

    Four card feature using CSS Grid Layout responsive

    3
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    Very clean layout. everything looks exactly as it should and i would not make any changes, excellent job. your html is very clean. I did not think to add the two cards in the middle as one div, very smart in my opinion. Build very well that you did not need a lot of code to make it smaller which i am envious of

  • yimerahmed•160
    @yimerahmed
    Submitted about 1 year ago

    Product card component using html and css

    1
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    spot on. make sure to use border radius on the image to get the rounded corners can be written as

    img { border-radius: 20px 0 0 20px; }

    the order for the numbers is top-left top-right bottom-right bottom-left

    you also need increase the font size on the larger site so the text fills the whole screen

  • Zwelihlecomet2•90
    @Zwelihlecomet2
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    I am mostly proud of everything I have accomplished with this challenge I gave myself a pat in the back because I now see some improvement in me.

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

    changing the color of the list numbers to the required color, took me some time but I finally knew how to do it with the help from google, and I doubt I'll ever forget it especially since I hassled to know it.

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

    media queries

    used the display of grid to place the items/content at the center

    1
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    Looks awesome. great attention to the spacing of each item on the card. i struggled with getting the color to change on the list numbers. google is a great tool. also use the discord and look in the help section. you can bring up other members code and see how they did it.

  • Toluwani-1234•90
    @Toluwani-1234
    Submitted about 1 year ago

    Responsive Borders

    1
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    make sure that your main box is a flex box and that you have display flex on the body so you can center it on the screen. The size of the img is too large, make sure to set a max-height and max-width on that. margins between the text is to small. her name and location should be moved up while the quote is moved closer to the links.

    Marked as helpful
  • Mayur Dayal•320
    @mayurDayal2000
    Submitted about 1 year ago

    Responsive Blog preview card

    1
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    looks spot on to me.

  • JosephSamuel-1•60
    @JosephSamuel-1
    Submitted about 1 year ago
    What are you most proud of, and what would you do differently next time?

    A more better for centering the element easier and faster

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

    Centering the element any suggestions or feedback feel free to reach out

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

    Aligning the element

    Qr code page

    1
    davidmoreau2•140
    @davidmoreau2
    Posted about 1 year ago

    creating a div underneath the section and going with flexbox may have helped with sizing

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub