Skip to content
OverviewSolutions
6
Comments
19

Joshtemi0

@Joshtemi0Nigeria180 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

Latest comments

  • Joshtemi0•180
    @Joshtemi0Submitted 7 months ago
    What specific areas of your project would you like help with?

    How to make it fit on every screen size and look perfect. If possible without making use of media query.

    Four-card-feature-section

    #pure-css
    1
    Joshtemi0•180
    @Joshtemi0Posted 7 months ago

    How take it possible to get the real size with the design ?

    0
  • Joshtemi0•180
    @Joshtemi0Posted 7 months ago

    Nice

    0
  • Lisbeth Emperatriz Polidor Solano•10
    @polidorlSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    Using flexbox and css-grid, projects can be responsive without using media queries. What I would do differently: work better on the css design and learn how to structure my html files.

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

    Could see that grids can be added within other grids, You can also use css-grid and flexbox in the same project. Always consulting Google Geminis (consulting artificial intelligence, AI).

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

    Understand the difference between using the background-image property in the css file and the img tag in the html file. In general, learn how to structure the html file, using BEM technology.

    HTML, CSS, Flexbox, CSS-GRID

    #accessibility
    2
    Joshtemi0•180
    @Joshtemi0Posted 8 months ago

    Hi Lisbeth Emperatriz Polidor Solano

    background image is used in css while img is for html

    hero {
  height: 50vh;
  background: url('./background.jpg') center/cover no-repeat;
  color: #fff;
  position: relative;
}

    Try reading this

    while for img 
<img src=" image" alt=""img >

    Hope this helps

    }

    Marked as helpful
    0
  • AKR2803•20
    @AKR2803Submitted 8 months ago
    What specific areas of your project would you like help with?

    I need some review on my CSS, also should I be too worried about CSS or just go on to learn Javascript rather than perfecting HTML and CSS?

    Social links profile responsive

    2
    Joshtemi0•180
    @Joshtemi0Posted 8 months ago

    You should also learn HTML and CSS for front end developer or is important

    I think you will have to write a lot of code in javaScript to make it function as css so try leaning html and css they are even easier to learn than javaScript.

    Hope this helps.

    0
  • P
    kaLihaRi•50
    @kalihari90Submitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    This time I tried to use semantic tags like , , . I also put `display: grid;` & `place-content: center;`, `min-height: 100vh;` on the body for the centring purpose. I've learned how to use & `` tags for images with 2 different file sources.

    Challenge was rather easy, so I'm gaining confidence with projects like that. So let's go to the next one!

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

    The main problem was the image formatting. I used Kevin Powell solution with and tags, which is alternative to standard solution with two different background-images from different sources.

    Product preview card component

    #pure-css
    1
    Joshtemi0•180
    @Joshtemi0Posted 8 months ago

    Almost perfect with the design. Great job

    0
  • P
    AKdeBerg•160
    @AKdeBergSubmitted 8 months ago
    What are you most proud of, and what would you do differently next time?

    I was careful of using the proper HTML tags. I studied which tags to use for which case and tried to use them appropriately rather than using all the time. I studied tags from https://developer.mozilla.org/en-US/docs/Web/HTML/Reference

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

    I design for table using CSS was bit hard and customizing the list put me through some challenge.

    What specific areas of your project would you like help with?
    • Plz let me know if I can improve anything about tags.Did I use appropriate tags?
    • Is there anyway my css could be better?

    Recipe Page

    2
    Joshtemi0•180
    @Joshtemi0Posted 8 months ago

    Great Job

    .card {
  background-color: hsl(0, 0%, 100%);
  width: 38%; 
  overflow: hidden;
  padding: 2%;
  border-radius: 15px;
}

    I will advise you to stop using percentage for you side it should be in px, rem, em etc because it will be 20% of every screen size. So try changing it to px, rem ...

    And use midea query also for mobile sizing

    Hope this helps

    0
View more comments