Skip to content
OverviewSolutions
6
Comments
7
IZY_BOY
@IZY-BOY

All comments

  • IZY_BOY•70
    @IZY-BOYPosted 4 months ago

    Hello @yuri1128, Welcome to FEM.

    I can see your not yet familiar with the html and css properties, with your permission I will advice you to learn more about it in order to get more handed on them while practicing. Don't rush, take time it take and things might go well. 😁😎👍🏾

    0
  • Gerardo Cortez•30
    @BoiWonderrSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I'm proud of how similar I made the website look compared to the design.

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

    The only challenge I encountered was centering the card to the middle of the site. I overcame it by looking at websites like stackoverflow and w3schools and using them to come to a solution. Which ultimately meant having to add a margin: auto to the card.

    Responsive web made with CSS Grid

    1
    IZY_BOY•70
    @IZY-BOYPosted 4 months ago

    Hello @BoiWonderr, an other way to centralize an element is to use the place-items: center; attribute when the display of the container is set to grid or flex. And for the .attribution, it's better to put it in a footer. Hope this will be helpful. 😁😎👍🏾

    1
  • Ryan O'Hanlon•140
    @Ryan-OHanlonSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    What I'm most proud of is that I was able to learn how to use CSS to create a box around the image and text elements. If I could do something different is that I would create a dedicated CSS file to link to the HTML document as the amount of properties required for this exercise made it difficult to read in VS Code.

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

    The main challenge I encountered was learning how to use CSS to create a padded box and align the box, image, and text into the center of the browser. Thanks to W3Schools I was able to learn how important the padding attribute was to be able to create a complete white border around the image and text by using the example they had on their website about CSS borders.

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

    While I'm still new to applying HTML and CSS. I'd like help with learning best practices and workflow to solve these problems. I found myself jumping around between the code trying to figure out a solution.

    I took the advice to focus on the HTML structure first, but the core of this problem was focused on CSS and already have an in-depth knowledge of CSS attributes to manipulate the text size and borders to match the desktop and mobile image.

    QR Code Component using styles in HTML

    1
    IZY_BOY•70
    @IZY-BOYPosted 4 months ago

    @Ryan-OHanlon Good job, the more you code the you become better.😁😁👍🏾 When coding in HTML, remember to include semantic HTML such as main, section, footer, ... An order thing is about the margin attribute, as your .box element is found in the body you need to specify top and bottom values or at list only the top value. Order wise you can use orther attribute to centralize your .box like Grid or Flex. For the organization it will come with practice.

    0
  • Arnaud Lahaut•200
    @Arnotts33Submitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    I am quite happy with the fluidity of my workflow for this one.

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

    I had to choose between an or simple tags for the links. I found it a bit challenging to style the list so I went with the tags.

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

    I am still working on responsiveness and semantic html. I find it to be much better for code readibility.

    Next thing I am going to work on as well is trying to group my css code into different files: one for fonts, one for root...

    Social links profile card

    2
    IZY_BOY•70
    @IZY-BOYPosted 4 months ago

    @Arnotts33 Great work on this challenge, ilike the way you name your sections and organize your code. 😁😁😎

    1
  • IZY_BOY•70
    @IZY-BOYPosted 4 months ago

    hello, how did you do to have the dimensions correct???

    0
  • IZY_BOY•70
    @IZY-BOYPosted 4 months ago

    Great work 😁😎👍🏾

    0
  • IZY_BOY•70
    @IZY-BOYSubmitted 4 months ago
    What are you most proud of, and what would you do differently next time?

    👨‍💻👩🏾‍💻👨🏾‍💻 HI!!! Here is my solution for this challenge and i'm IZY_BOY! 😁😎😊

    🛠️🛠️🛠️ Built with:

    1. HTML 🖋️🖋️🖋️
    2. Custom CSS 🎨🎨🎨
    What challenges did you encounter, and how did you overcome them?

    An interesting challenge. I had difficulty in coding the active state of this challenge.

    I learned a lot from doing this challenge. 😊👍🏾👍🏾

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

    I'm open 👂🏾👂🏾👂🏾 to any suggestions on how I can improve this project or make it easier, feel free to leave me a comment!✍🏾️✍🏾️✍🏾️

    Feedback welcome. 😁😎👍🏾

    NFT preview card component

    1
    IZY_BOY•70
    @IZY-BOYPosted 4 months ago

    Hi, I just notised a probleme with my solution but don't know how to fix it. When the cursor is on the equilibrium image, the color changes to cyan but the eye is not visible. any suggestions about this???

    0