Please someone Help help #128840

Sliceddmelon · 2024-06-17T10:27:28Z

Sliceddmelon
Jun 17, 2024

Body

Is there any error with my code?
.exposuredimage ‘s images size doesn’t change..
Please someone help

These are parts of my code

/ #

<!DOCTYPE html>
<html lang="ko">
  <head>
    <title>Exposured to civillian</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" type="text/css" href="../styles.css" />
    <script src="https://kit.fontawesome.com/fcaab57ab5.js" crossorigin="anonymous"></script>
    

  </head>

  <body>
    <div class="exposuredimage">
      <img src="https://raw.githubusercontent.com/Sliceddmelon/Record/main/1CAE9B81-2863-4AEE-9E1A-BD49BB2799B9.jpeg" class="exposuredimage" alt="exposuredage">
      <img src="https://raw.githubusercontent.com/Sliceddmelon/Record/main/IMG_4516.jpeg" class="exposuredimage" alt="exposuredimage">
    </div>


    
  </body>

.building {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}
.record_menu {
  display: flex;
  align-items: center;
  color: white 
}

.exposuredimage {
  width: 100px;
  height: auto;
  overflow: hidden;
  position: center;
}
@media (max-width: 480px){
  .exposuredimage {
    width: 150%;}}

Guidelines

I have read and understood this category's guidelines before making this post.

davevad93 · 2024-06-17T13:02:18Z

davevad93
Jun 17, 2024

Hi @Sliceddmelon ,

Be sure to check a few things:

Make sure to add a closing html tag "</html>"

Make sure the path to styles.css is correct, here are some examples:

<!-- If the css is located in the same folder as the html file the path should be as follows -->
<link rel="stylesheet" type="text/css" href="styles.css" />
<!-- If the css is located inside a folder named "css" the path should be as follows -->
<link rel="stylesheet" type="text/css" href="css/styles.css" />
<!-- If the css is located inside a folder named "css" and the html file is inside another folder the path should be as follows -->
<link rel="stylesheet" type="text/css" href="../css/styles.css" />

position: center; isn't a valid css property, use justify-content: center; or text-align: center; instead.
This code actually means that on screens of 480px or less the size of the images will be 150% of their original size, make sure it works as intended when resizing the browser's window.
```
@media (max-width: 480px) {
  .exposuredimage {
    width: 150%;
  }
}
```

2 replies

ebndev Jun 19, 2024
Maintainer

Hey @Sliceddmelon - let us know if this solution works or feel free to post more questions if it's not resolved! 😄

Sliceddmelon Jul 7, 2024
Author

Aww sorry I'm late!! It solved! Thank you so much!!😭

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

GitHub Community

Please someone Help help #128840

{{title}}

{{editor}}'s edit

{{editor}}'s edit

Replies: 1 comment 2 replies

{{title}}

{{editor}}'s edit

{{editor}}'s edit

{{title}}

{{title}}

Select a reply

GitHub Community

Please someone Help help #128840

Sliceddmelon Jun 17, 2024

Body

Guidelines

Replies: 1 comment · 2 replies

davevad93 Jun 17, 2024

ebndev Jun 19, 2024 Maintainer

Sliceddmelon Jul 7, 2024 Author

Sliceddmelon
Jun 17, 2024

Replies: 1 comment 2 replies

davevad93
Jun 17, 2024

ebndev Jun 19, 2024
Maintainer

Sliceddmelon Jul 7, 2024
Author