Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Log in with GitHub
OverviewSolutions6Comments0

All solutions

  • Submitted

    Responsive site using React + CSS

    #react#react-router
    • HTML
    • CSS
    • JS

    1

    This project was my first attempt at building a site from scratch using React - all feedback welcome! A couple things I had issues with:

    • I cannot figure out why the font on my 'crew' pages is buggy
    • I couldn't figure out a good solution to the line in the nav that shrinks and grows to properly fit the screen without overlapping the header logo or nav

  • Submitted

    Single-page developer portfolio (HTML + CSS)

    • HTML
    • CSS
    • JS

    0

    For this challenge, I used just HTML and CSS. The most challenging piece BY FAR were the overlaid rings/circle background images. I spent so much time figuring out how to prevent horizontal scrolling after adding the two images on the right.

    My main question - is there a better way to go about placing these background images? I used px with absolute positioning, so I'm not sure how much of an issue this is in terms of responsiveness. I also couldn't figure out how to properly place the rings image (in the skills section) when on desktop.

    Any and all feedback welcome - thank you!

  • Submitted

    Social proof section using CSS Flexbox and Grid

    • HTML
    • CSS

    0

    I feel pretty good about my project but ran into a couple issues that I have yet to solve:

    • The background image (which is very faint and hard to see per the design) in the bottom right-hand corner is not positioned properly on the bottom of my page. Instead, it's positioned in the bottom right-hand corner of my <body>, which is set to the viewport. How can I set the height of my <body> to fit the content on my page?
    • My review section (with the 5-star ratings) looks very messy at certain tablet sizes. I have a goal for my next project to incorporate tablet design as well, but any recs on how I can resolve this issue would be welcome!

  • Submitted

    Responive Product Preview Card Using CSS Grid and Flexbox

    • HTML
    • CSS

    2

    I found spacing decisions and layout the most challenging. For example, I've read that it's best to shy away from declaring font-size in pixels, but saw pixel size in the Figma design file. What is best practice?

    I had the same questions around layout - how exact does spacing between items need to be?

  • Submitted

    QR Code Component Using HTML and CSS

    • HTML
    • CSS

    2

    This was my first Frontend Mentor challenge as well as first time using a Figma file as a point of reference for my code.

    A couple of questions I have:

    • Was I too reliant on px as units of measurement vs. coding for responsiveness?
    • I was a bit unsure of centering using CSS grid (layout is still very tricky for me) - any suggestions for improving my code?