Skip to content
Submitted almost 3 years ago

Responsive Web Page with help of Grid Layout + BEM + Flexbox

accessibility
Vikram Ingleshwar•280
@vikramvi
A solution to the Clipboard landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

  1. What did you find difficult while building the project ? 1.1 Lots of components and sub-components to keep track of 1.2 Consistent spacing between elements 1.3 SEO & Accessibility good practices 1.4 Images resizing

  2. Which areas of your code are you unsure of ? 2.1 Usage of max-width & width instead of margin or padding values which was causing overflow bug

  3. Do you have any questions about best practices ? 3.1 Is SEO tags used correctly ? 3.2 Is Grid layout & flexbox techniques used accurately ? 3.3 Any other areas of improvements ? 3.4 Is image sizing done properly ?

Code

Please log in to post a comment

Log in

Community feedback

  • Yous•170
    @yousra10

    Hi Vicky, I just read your solution !! You are an expert !!! Thank you for sharing! I realise the same challenge and I would like what do you thing and your suggestions please.

    Thank you very much !! Happy coding Yous Ben

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