Skip to content
Submitted about 1 year ago

Kinda Responsive CSS GRID

Adex324•130
@Adex324
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...News homepage
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

i made it responsive kinda , gonna improve on making responsive grids for desktop and mobile P.S Im open to criticism , feedback and help of any kind

Community feedback

  • Mandlakazi Nxumalo•550
    @NxumaloDevPosted about 1 year ago

    Great job

    Improvements...

    • Use of relative units(e.g rem, em)
    • Custom properties (:root{}), these are especially your friends!
    • Highly recommend mobile-first when starting a project, you will avoid/ reduce overriding and write less code in general.
    • I highly suggesting with easier projects to build your layout skills (CSS Grid and Flexbox) and build your overall confidence.
    • your classes must have meaningful names.
    • use overflow-x: hidden instead of auto to hide the horizontal scroll

    take it one step at a time, never rush to do the more challenging tasks

    0
    Adex324•130
    @Adex324Posted about 1 year ago

    @NxumaloDev thank you

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord