Skip to content
OverviewSolutions
16
Comments
12

ephraimdjeket

@ephraimdjeket270 points

Working towards becoming a front end dev

Latest solutions

View more solutions

Latest comments

  • ephraimdjeket•270
    @ephraimdjeketPosted about 1 month ago

    Perfect :D very nice code

    0
  • P
    Lovro Peraić•330
    @loki-pepeSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I learned that I can toggle classes using classList and that I can manipulate SVG colors using the CSS fill property.

    Article preview component

    1
    ephraimdjeket•270
    @ephraimdjeketPosted about 2 months ago

    Good job :D

    0
  • P
    Xay•220
    @xayrax88Submitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    This project took a little while, I am proud of getting through the project. What I would do differently next time is to go back and add the styling for the background & correct the bottom footer image color. I am mostly proud of getting the screen sizes down for mobile > tablet > desktop sizes.

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

    I had issues with the sizing and overriding of styling within my media queries but eventually figured it out and learned as I go. I used various resources like MDN & web.dev articles to help me as well as referencing previous responsive projects for aid.

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

    I need help with getting the background (with the faint stripes using CSS) using CSS to make it exactly like the final product and the exact color overlay for the bottom footer hero image. Everything else I believe I did alright by making it as close to the original product as possible. Any feedback is great. Kindly please advise. Thank you for taking the time to read my solution and help. Cheeers!

    Responsive CSS Meet Landing Page

    1
    ephraimdjeket•270
    @ephraimdjeketPosted about 2 months ago

    Good job on completing this challenge! For the footer element, I struggled a bit aswell. I believe you can either use a pseudo-element on the container (::before) or create a div overlay element and position under.

    Marked as helpful
    1
  • Obiwumma•110
    @ObiwummaSubmitted about 2 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of the fact that I learned how to use Grid

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

    It was challenging when I tried to use grid to arrange the 5th card by the side(desktop view). While trying to sleep, an idea popped up. To separate the the first for cards from the fifth card, make their container display flex then display the first 4 in Grid.

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

    Any advice for how i can improve with Grid?

    Responsive page using CSS grid as well as flexbox

    3
    ephraimdjeket•270
    @ephraimdjeketPosted about 2 months ago

    Hi Obiwumma. Really good job on this challenge. To be able to use grid on the 5th card, you'll need to understand how grid works properly. That way you can create your own grid and position each grid element however you want.

    https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout

    Marked as helpful
    0
  • ephraimdjeket•270
    @ephraimdjeketPosted about 2 months ago

    This looks really good. Very responsive and everything looks perfect.

    0
  • ephraimdjeket•270
    @ephraimdjeketPosted about 2 months ago

    I like this! It looks very beautiful on desktop view and I love the hover function. Only tip I can give is to make it responsive so everything fits in the mobile view.

    Marked as helpful
    0
View more comments